.button{display:inline-flex;align-items:center;justify-content:flex-start;white-space:nowrap;gap:8px;margin:0;border-style:solid;cursor:pointer;transition:var(--transition-normal);-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.button--medium,.button--small{font-size:14px;padding:8px 24px;height:37px;min-height:37px}.button--large,.button--medium,.button--small{font-family:Chillax;font-weight:600;line-height:100%}.button--large{font-size:16px;padding:16px 24px;height:56px;min-height:56px}.button--icon-only{justify-content:center;padding:0;gap:0}.button--icon-only.button--small{width:36px;height:36px;min-width:36px}.button--icon-only.button--large{width:48px;height:48px;min-width:48px}.button--full-width{width:100%;justify-content:center}.button--primary.button--violet{background:linear-gradient(90deg,#7054a8,#9e77ed);color:#fff;border-color:#7054a8;border-width:1px;border-radius:8px;box-shadow:0 1px 2px 0 rgba(10,13,18,.05)}.button--primary.button--violet:not(:disabled):hover{background:linear-gradient(90deg,#7054a8,#9e77ed);border-color:#7054a8}.button--primary.button--violet:not(:disabled):focus-visible{background-color:#9e77ed;box-shadow:0 0 0 4px #d5beeb,0 1px 2px 0 rgba(10,13,18,.05)}.button--primary.button--violet:disabled{background:#e1d5f9;color:#c084fc;border-color:#e1d5f9;cursor:not-allowed}.button--primary.button--rouge{background:linear-gradient(90deg,#b52a21,#ff3b2f);color:#fff;border-color:#b52a21;border-width:1px;border-radius:8px;box-shadow:0 1px 2px 0 rgba(10,13,18,.05)}.button--primary.button--rouge:not(:disabled):hover{background:linear-gradient(90deg,#b52a21,#ff3b2f);border-color:#b52a21}.button--primary.button--rouge:not(:disabled):focus-visible{background-color:#ff3b2f;box-shadow:0 0 0 4px #ffc2bf,0 1px 2px 0 rgba(10,13,18,.05)}.button--primary.button--rouge:disabled{background:#ffebea;color:#ffa59f;border-color:#ffebea;cursor:not-allowed}.button--primary.button--vert{background:linear-gradient(90deg,#176d3e,#29c770);color:#fff;border-color:#176d3e;border-width:1px;border-radius:8px;box-shadow:0 1px 2px 0 rgba(10,13,18,.05)}.button--primary.button--vert:not(:disabled):hover{background:linear-gradient(90deg,#176d3e,#29c770);border-color:#176d3e}.button--primary.button--vert:not(:disabled):focus-visible{background-color:#29c770;box-shadow:0 0 0 4px #bdeed3,0 1px 2px 0 rgba(10,13,18,.05)}.button--primary.button--vert:disabled{background:#eaf9f1;color:#9de5bd;border-color:#eaf9f1;cursor:not-allowed}.button--secondary.button--violet{background-color:rgba(0,0,0,0);color:#7054a8;border-color:#7054a8;border-width:1px;border-radius:8px}.button--secondary.button--violet:not(:disabled):hover{background-color:#f5f1fd;color:#7054a8;border-color:#7054a8}.button--secondary.button--violet:not(:disabled):focus-visible{background-color:#f5f1fd;box-shadow:0 0 0 4px #d5beeb,0 1px 2px 0 rgba(10,13,18,.05)}.button--secondary.button--violet:disabled{background:rgba(0,0,0,0);color:#d2c0f7;border-color:#d2c0f7;cursor:not-allowed}.button--secondary.button--rouge{background-color:rgba(0,0,0,0);color:#b52a21;border-color:#b52a21;border-width:1px;border-radius:8px}.button--secondary.button--rouge:not(:disabled):hover{background-color:#ffebea;color:#b52a21;border-color:#b52a21}.button--secondary.button--rouge:not(:disabled):focus-visible{background-color:#ffebea;box-shadow:0 0 0 4px #ffc2bf,0 1px 2px 0 rgba(10,13,18,.05)}.button--secondary.button--rouge:disabled{background:rgba(0,0,0,0);color:#ffa59f;border-color:#ffa59f;cursor:not-allowed}.button--secondary.button--vert{background-color:rgba(0,0,0,0);color:#176d3e;border-color:#176d3e;border-width:1px;border-radius:8px}.button--secondary.button--vert:not(:disabled):hover{background-color:#eaf9f1;color:#176d3e;border-color:#176d3e}.button--secondary.button--vert:not(:disabled):focus-visible{background-color:#eaf9f1;box-shadow:0 0 0 4px #bdeed3,0 1px 2px 0 rgba(10,13,18,.05)}.button--secondary.button--vert:disabled{background:rgba(0,0,0,0);color:#9de5bd;border-color:#9de5bd;cursor:not-allowed}.button--ghost.button--violet{background-color:rgba(0,0,0,0);color:#7054a8;border-color:rgba(0,0,0,0);border-width:0;border-radius:8px}.button--ghost.button--violet:not(:disabled):hover{background-color:#f5f1fd;color:#7054a8}.button--ghost.button--violet:not(:disabled):focus-visible{background-color:#f5f1fd;box-shadow:0 0 0 4px #d5beeb,0 1px 2px 0 rgba(10,13,18,.05)}.button--ghost.button--violet:disabled{background:rgba(0,0,0,0);color:#d2c0f7;cursor:not-allowed}.button--ghost.button--rouge{background-color:rgba(0,0,0,0);color:#b52a21;border-color:rgba(0,0,0,0);border-width:0;border-radius:8px}.button--ghost.button--rouge:not(:disabled):hover{background-color:#ffebea;color:#b52a21}.button--ghost.button--rouge:not(:disabled):focus-visible{background-color:#ffebea;box-shadow:0 0 0 4px #ffc2bf,0 1px 2px 0 rgba(10,13,18,.05)}.button--ghost.button--rouge:disabled{background:rgba(0,0,0,0);color:#ffa59f;cursor:not-allowed}.button--ghost.button--vert{background-color:rgba(0,0,0,0);color:#176d3e;border-color:rgba(0,0,0,0);border-width:0;border-radius:8px}.button--ghost.button--vert:not(:disabled):hover{background-color:#eaf9f1;color:#176d3e}.button--ghost.button--vert:not(:disabled):focus-visible{background-color:#eaf9f1;box-shadow:0 0 0 4px #bdeed3,0 1px 2px 0 rgba(10,13,18,.05)}.button--ghost.button--vert:disabled{background:rgba(0,0,0,0);color:#9de5bd;cursor:not-allowed}.button:focus-visible{outline:none}.button__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.button--medium .button__icon,.button--small .button__icon{width:16px;height:16px}.button--large .button__icon{width:20px;height:20px}.button--loading{pointer-events:none;position:relative}.button--loading .button__icon{visibility:hidden}.button--loading .button__label{opacity:0}.button--loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;border:2px solid;border-top:2px solid rgba(0,0,0,0);animation:button-spin .6s linear infinite}.button--small.button--loading:after{width:14px;height:14px}.button--icon-only.button--loading:after,.button--large.button--loading:after{width:20px;height:20px}@keyframes button-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}@media(prefers-reduced-motion:reduce){.button--loading:after{animation:none;border-top-color:currentColor;opacity:.7}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}