.btn{--button-hover-background: var(--c-white);--button-hover-text-color: var(--c-accent);--button-hover-icon-background: var(--c-accent);--button-hover-icon-color: var(--c-white);position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:.75rem;justify-content:center;text-align:center;overflow:hidden;padding:.1875rem .25rem .1875rem 1.5rem;min-block-size:2.875rem;border-radius:var(--border-radius-xl);color:var(--button-text-color, var(--c-white));transition:background-color .3s,color .3s;background-color:var(--button-background, var(--c-accent));border:.0625rem solid var(--c-accent)}.btn:before{content:"";position:absolute;z-index:-1;inset:0;background-color:var(--button-hover-background);clip-path:circle(1.0625rem at calc(100% - 1.3125rem) 50%);transition:clip-path .55s cubic-bezier(.16,1,.3,1);pointer-events:none}.btn__text{position:relative;z-index:1;text-transform:uppercase;font-weight:500;transition:color .25s ease}.btn__icon{position:relative;z-index:1;flex:0 0 2.125rem;inline-size:2.125rem;block-size:2.125rem;border-radius:50%;display:flex!important;justify-content:center;align-items:center;background-color:var(--button-icon-background, var(--c-white));transform:rotate(-45deg);transition:background-color .3s ease,transform .45s cubic-bezier(.16,1,.3,1)}.btn__icon:before{color:var(--button-icon-color, var(--c-accent));font-size:.75rem;transition:color .3s ease}@media(any-hover:hover){.btn:is(:hover,:focus-visible){color:var(--button-hover-text-color)}.btn:is(:hover,:focus-visible):before{clip-path:circle(150% at calc(100% - 1.3125rem) 50%)}.btn:is(:hover,:focus-visible) .btn__icon{background-color:var(--button-hover-icon-background);transform:rotate(0)}.btn:is(:hover,:focus-visible) .btn__icon:before{color:var(--button-hover-icon-color)}}.btn_white{--button-background: var(--c-white);--button-text-color: var(--c-accent);--button-icon-background: var(--c-accent);--button-icon-color: var(--c-white);--button-hover-background: var(--c-accent);--button-hover-text-color: var(--c-white);--button-hover-icon-background: var(--c-white);--button-hover-icon-color: var(--c-accent)}.btn_white .btn__icon{background-color:var(--button-icon-background)}@media(max-width:47.99875em){.btn{justify-content:space-between;gap:0rem;inline-size:100%}.btn .btn__text{margin-inline:auto;padding-inline:.3125rem}}