.button{cursor:pointer;text-align:center;justify-content:center;align-items:center;gap:12px;width:fit-content;padding:16px 24px;font-size:16px;font-weight:500;line-height:22px;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex;position:relative}.button-primary{background-color:var(--color-primary);color:#fff}.button-primary:hover{background-color:var(--color-primary-hover)}.button-outline{border:1px solid var(--color-black);background-color:#0000}.button-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.button-outline-white{color:#fff;background-color:#0000;border:1px solid #fff}.button-outline-white:hover{background-color:#ffffff14}.button-white{color:var(--color-primary);background-color:#fff}.button-white:hover{background-color:#f2f2f2}.button-text{color:var(--color-secondary);background-color:#0000;padding:0}.button-text:hover{color:var(--color-primary)}.button-text-white{color:var(--color-white);background-color:#0000;padding:0}.button-text-white:hover{color:var(--color-primary)}.button-rounded-full{border-radius:999px}.button-rounded-small{border-radius:8px}.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{padding:12px 24px;font-size:14px;font-weight:400}.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)}.button-disabled{border-color:inherit!important;-webkit-user-select:none!important;user-select:none!important;pointer-events:none!important;cursor:default!important;opacity:.5!important}.button-disabled:hover{background-color:inherit!important;color:inherit!important;border-color:inherit!important;-webkit-user-select:none!important;user-select:none!important;pointer-events:none!important;cursor:default!important;opacity:.5!important}@media (max-width:475px){.button{width:100%;font-size:14px}}