.button{--button-color:var(--color-white);--button-bg:var(--color-main);--button-shadow:var(--color-main);--button-size:16px;--button-icon-size:16px;--button-padding-block:18px;--button-padding-inline:25px;align-items:center;background-color:var(--button-bg);border-radius:100px;box-shadow:inset 0 0 0 1px var(--button-shadow);color:var(--button-color);-moz-column-gap:6px;column-gap:6px;display:inline-flex;font-size:var(--button-size);font-weight:600;justify-content:center;line-height:1;padding-block:var(--button-padding-block);padding-inline:var(--button-padding-inline);text-align:center;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}@media(hover:hover){.button{will-change:transform}}.button svg{flex:none;height:var(--button-icon-size);transition:rotate var(--transition-fast);width:var(--button-icon-size)}.button svg.is-active{rotate:-180deg}.button--secondary{--button-color:var(--color-main);--button-bg:var(--color-main-accent);--button-shadow:var(--color-main-accent)}.button--accent{--button-color:var(--color-third);--button-bg:var(--color-third-accent);--button-shadow:var(--color-third-accent);--button-size:14px}.button--xs{--button-size:12px;--button-padding-block:10px;--button-padding-inline:15px}.button--sm{--button-size:14px;--button-icon-size:16px;--button-padding-block:13px;--button-padding-inline:13px}.button:not([disabled],.disabled){transition:transform .25s ease,opacity .25s ease}@media(hover:hover){.button:not([disabled],.disabled){cursor:pointer}.button:not([disabled],.disabled):hover{transform:scale(.95)}.button:not([disabled],.disabled):focus{transform:scale(.95);transition:.15s ease}.button:not([disabled],.disabled):active{transform:scale(.9);transition:.15s ease}}.button.disabled,.button[disabled]{opacity:.5}