.button{cursor:pointer;text-align:center;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:56px;padding:0 24px;font-size:16px;font-weight:600;line-height:22px;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.button-primary{background-color:var(--color-primary);color:#fff;border:none}.button-primary:hover{background-color:var(--color-primary-hover)}.button-secondary{color:var(--color-primary);background-color:#fff;border:none}.button-secondary:hover{background-color:#ededed}.button-secondary:hover .button__circle-icon svg{color:var(--color-primary)}.button-white{color:var(--color-primary);background-color:#fff;border:none}.button-white:hover{background-color:#ededed}.button-text{color:var(--color-primary);background-color:#0000;border:none}.button-text:hover{background-color:var(--color-primary);color:var(--color-white)}.button-outline-white{color:#fff;background-color:#0000;border:1px solid #fff}.button-outline-white:hover{border:1px solid var(--color-primary);color:var(--color-primary)}.button-outline{color:#000;background-color:#0000;border:1px solid #000}.button-outline:hover{border:1px solid var(--color-primary);color:var(--color-primary)}.button-full-width{width:100%}.button-icon{justify-content:center;align-items:center;display:flex}.button-icon svg{color:currentColor}.button-icon-right{order:1}.button-icon-left{order:0}.button-small{height:48px;padding:0 16px}.button-circle-icon{background-color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-right:-16px;transition:background-color .2s;display:flex}.button-circle-icon svg{width:17px;transition:color .2s}.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)}@media (max-width:640px){.button{height:48px}.button-circle-icon{width:36px;height:36px}}@media (max-width:475px){.button{font-size:14px}}