.btn-outline{--btn-outline-color: var(--c-accent);--btn-outline-hover-color: var(--c-accent);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;inline-size:100%;min-block-size:2.875rem;padding:.8125rem 1.25rem;overflow:hidden;border:.0625rem solid var(--btn-outline-color);border-radius:var(--border-radius-xl);color:var(--btn-outline-color);text-align:center;transition:color .3s ease}.btn-outline:before{content:"";position:absolute;z-index:-1;inset:0;background-color:var(--btn-outline-hover-color);clip-path:circle(.9375rem at calc(100% - .9375rem) 50%);opacity:0;transition:clip-path .55s cubic-bezier(.16,1,.3,1),opacity .2s ease;pointer-events:none}.btn-outline__text{position:relative;z-index:1;font-weight:500;text-transform:uppercase}.btn-outline__icon{position:relative;z-index:1;display:inline-flex;flex:0 0 1.125rem;align-items:center;justify-content:center;inline-size:1.125rem;margin-inline-start:-1.125rem;opacity:0;transform:translate(1.875rem);transition:margin-inline-start .4s cubic-bezier(.44,0,.56,1),opacity .25s ease,transform .4s cubic-bezier(.44,0,.56,1)}.btn-outline__icon:before{font-size:.75rem}@media(any-hover:hover){.btn-outline:is(:hover,:focus-visible){color:var(--c-white)}.btn-outline:is(:hover,:focus-visible):before{clip-path:circle(150% at calc(100% - .9375rem) 50%);opacity:1}.btn-outline:is(:hover,:focus-visible) .btn-outline__icon{margin-inline-start:.625rem;opacity:1;transform:translate(0)}}.btn-outline_dark{--btn-outline-color: var(--border-line);--btn-outline-hover-color: var(--c-text-dark);color:var(--c-text-dark)}@media(prefers-reduced-motion:reduce){.btn-outline{transition:none}.btn-outline:before,.btn-outline__icon{transition:none}}