.button{--button-loader-size:30px;--button-loader-padding:4px;--button-circle-width-hover:105%;--button-transition-linear:0.2s linear;--button-bounce-ease:cubic-bezier(0.53,1.8,0.48,0.48);--button-loading-circle-color:#FFF;--button-loading-background:#8ba09d;position:relative;display:inline-flex;justify-content:center;align-items:center;padding:1rem 2rem;border-radius:8px;transition:all .15s ease-in-out;overflow:hidden;cursor:pointer;font-size:16px;font-size:1rem;font-weight:600;line-height:1.4;letter-spacing:0}.button:focus-visible{outline:2px solid #85acd5}.button:active{transform:scale(.97)}.button__label{display:flex;gap:.5rem;align-items:center;position:relative;z-index:2;transition:color .2s}.button__circle{top:50%;left:50%;width:0;aspect-ratio:1/1;transform:translate(-50%,-50%);z-index:1;transition:width var(--button-transition-linear)}.button__circle,.button__loader{position:absolute;border-radius:50%}.button__loader{--_m:conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0) content-box;width:var(--button-loader-size);padding:var(--button-loader-padding);aspect-ratio:1;background:var(--button-loading-circle-color);z-index:2;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.button:hover .button__circle{width:var(--button-circle-width-hover)}.button:not(:hover) .button__circle{transition:width .5s var(--button-bounce-ease)}.button--cyan{--button-loading-circle-color:#576467;background-color:#00e6c3}.button--cyan .button__label{color:#1e5d6e}.button--cyan:hover .button__label{color:#fff}.button--cyan .button__circle{background-color:#008596}.button--black{--button-loading-circle-color:#FFFFFF;background-color:#FFFFFF26;border:1px solid #ffffff1a;box-shadow:5px 5px 60px 24px #18181829;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.button--black .button__label{color:#fff}.button--black .button__circle{background-color:#181818}.button--disabled{pointer-events:none;opacity:.7;color:#576467}.button--loading{pointer-events:none;cursor:not-allowed}.button--loading .button__label{opacity:.7}