.btn{--btn-color: var(--c-text-dark);display:inline-flex;align-items:center;gap:.5rem;justify-content:center;text-align:center;padding:.375rem 1rem;min-block-size:2.5rem;border-radius:62.5rem;color:var(--btn-color);border:.0625rem solid var(--border-line-secondary);transition:background-color .3s,border-color .3s,color .3s}.color-inverse .btn{--btn-color: var(--c-text-white)}.btn__text{display:inline-flex;white-space:nowrap}.btn__letter{position:relative;display:inline-block;overflow:hidden}.btn__letter-current,.btn__letter-next{display:block;transition:transform .4s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--letter-index) * 18ms)}.btn__letter-next{position:absolute;inset:0;transform:translateY(-110%)}.btn__letter:nth-child(2n) .btn__letter-next{transform:translateY(110%)}.btn__icon{display:contents}.btn__icon:before{color:inherit;font-size:1rem}@media(any-hover:hover){.btn:hover{color:var(--c-text-white);background-color:var(--bg-dark)}.btn:hover .btn__letter-current,.btn:focus-visible .btn__letter-current{transform:translateY(110%)}.btn:hover .btn__letter-next,.btn:focus-visible .btn__letter-next{transform:translateY(0)}.btn:hover .btn__letter:nth-child(2n) .btn__letter-current,.btn:focus-visible .btn__letter:nth-child(2n) .btn__letter-current{transform:translateY(-110%)}}@media(prefers-reduced-motion:reduce){.btn__letter-current,.btn__letter-next{transition:none}}.btn_transparent{background-color:transparent;color:var(--c-text-white);border:.0625rem solid rgba(248,246,243,.4)}@media(any-hover:hover){.btn_transparent:hover{background-color:var(--bg-light);color:var(--c-text-primary);border-color:var(--bg-light)}}@media(hover:none)and (pointer:coarse){.btn_transparent{background-color:var(--bg-light);color:var(--c-text-primary)}}.btn_link{padding:.625rem 0;border:none;color:var(--c-text-contrast);background-color:transparent!important}@media(any-hover:hover){.btn_link:hover{background-color:transparent;color:var(--c-text-contrast)}}.color-inverse .btn_inverse-light{color:var(--c-text-primary);background-color:var(--bg-light);border-color:var(--bg-light)}.btn_dark{color:var(--c-text-white);background-color:var(--bg-dark)}.btn_no-arrow .btn__icon{display:none}.btn_icon-reverse{flex-direction:row-reverse}.btn_icon-reverse .btn__icon:before{transform:rotate(180deg)}.color-inverse .btn{border-color:var(--border-line-light)}@media(any-hover:hover){.color-inverse .btn:not(.btn_link):hover{color:var(--c-text-dark);background-color:var(--bg-light)}}