.button{align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;height:56px;justify-content:center;line-height:22px;padding:0 24px;position:relative;text-align:center;text-decoration:none;transition:all .2s ease;white-space:nowrap}.button--primary{background-color:var(--color-secondary);border:none;color:var(--color-white)}.button--primary:hover{background-color:var(--color-secondary-hover)}.button--secondary{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.button--secondary:hover{background-color:var(--color-primary);color:var(--color-white)}.button--text{background-color:transparent;border:none;color:var(--color-primary)}.button--text:hover{background-color:var(--color-primary);color:var(--color-white)}.button--outline{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.button--outline:hover{background-color:var(--color-primary);color:var(--color-white)}.button--white{background-color:transparent;border:1px solid var(--color-white);color:var(--color-white)}.button--white:hover{background-color:hsla(0,0%,100%,.1)}.button--white-filled{background-color:var(--color-white);border:1px solid var(--color-white);color:var(--color-secondary)}.button--white-filled:hover{background-color:#f5f5f5}.button--small{font-size:14px;height:40px;padding:0 16px}.button--large{font-size:18px;height:64px;padding:0 32px}.button--full-width{width:100%}.button__icon{display:flex;align-items:center;justify-content:center}.button__icon svg{color:currentColor}.button__icon--right{order:1}.button__icon--left{order:0}.button__circle-icon{align-items:center;background-color:var(--color-primary);border-radius:50%;display:flex;height:44px;justify-content:center;margin-right:-16px;width:44px;transition:background-color .2s ease}.button__circle-icon svg{width:17px;transition:color .2s ease}.button--secondary .button__circle-icon{background-color:var(--color-primary)}.button--secondary:hover .button__circle-icon{background-color:var(--color-white)}.button--secondary:hover .button__circle-icon svg{color:var(--color-primary)}.button--white .button__circle-icon{background-color:var(--color-white)}.button--white .button__circle-icon svg{color:var(--color-primary)}.button--secondary .button__circle-icon svg{color:var(--color-white)}.button:disabled{cursor:not-allowed;opacity:.6}.button--primary:disabled{background-color:color-mix(in srgb,var(--color-secondary),#fff 40%)}@media (max-width:640px){.button{height:48px}.button--small{height:36px;padding:0 14px}.button--large{height:56px;padding:0 24px}.button__circle-icon{height:36px;width:36px}}