.btn{--button-gap: .5rem;--button-font-size: .875rem;--button-padding-block: .5rem;--button-padding-inline: 1rem;--button-min-block-size: 2.75rem;--button-radius: 62.4375rem;--button-bg: var(--btn-bg);--button-text-color: var(--c-text-white);--button-hover-text-color: var(--c-text-dark);--button-fill-color: white;--button-border-color-default: var(--border-line-default);--button-border-color-hover: white;--button-border-color-inverse: var(--border-line);--button-text-color-delay: 0s;--button-text-line-height: 1.2em;--button-color-transition: color .34s cubic-bezier(.2, .8, .2, 1) var(--button-text-color-delay);--button-border-transition: border-color .3s;--button-fill-transition: transform .85s cubic-bezier(.16, 1, .3, 1);--button-wave-transition: transform .9s cubic-bezier(.16, 1, .3, 1), border-radius .9s cubic-bezier(.16, 1, .3, 1);--button-text-transition: transform .6s cubic-bezier(.16, 1, .3, 1);--button-fill-size: 130%;--button-fill-translate-start: 105%;--button-fill-inset: .0625rem;--button-wave-size: 140%;--button-wave-scale-start: 1.08;--button-wave-scale-end: 1.02;--button-wave-translate-start: 115%;--button-wave-translate-end: 38%;--button-wave-radius-start: 44%;--button-wave-radius-end: 46%;display:inline-flex;text-align:center;justify-content:center;align-items:center;gap:var(--button-gap);flex:0 0 auto;font-size:var(--button-font-size);padding:var(--button-padding-block) var(--button-padding-inline);min-block-size:var(--button-min-block-size);background-color:var(--button-bg);border-radius:var(--button-radius);color:var(--button-text-color);border:none;overflow:hidden;position:relative;isolation:isolate;transition:var(--button-border-transition),var(--button-color-transition)}.btn:before{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:var(--button-fill-size);background-color:var(--button-fill-color);border-radius:0 0 inherit inherit;transform:translateY(var(--button-fill-translate-start));transform-origin:center bottom;transition:var(--button-fill-transition);z-index:-1}.btn:after{content:"";position:absolute;inset-inline-start:50%;inset-block-end:0;inline-size:var(--button-wave-size);aspect-ratio:1;background-color:var(--button-fill-color);border-radius:var(--button-wave-radius-start);transform:translate(-50%,var(--button-wave-translate-start)) scaleX(var(--button-wave-scale-start));transform-origin:center center;transition:var(--button-wave-transition);z-index:-1}@media(any-hover:hover){.btn:hover{color:var(--button-hover-text-color)!important}.btn:hover:before{transform:translateY(0)}.btn:hover:after{transform:translate(-50%,var(--button-wave-translate-end)) scaleX(var(--button-wave-scale-end));border-radius:var(--button-wave-radius-end)}.btn:hover .btn__text-inner{transform:translateY(calc(var(--button-text-line-height) * -1))}}.btn__text,.btn__text-line{text-box-trim:trim-both;text-box-edge:cap alphabetic}.btn__text{display:grid;place-items:center;overflow:hidden;block-size:var(--button-text-line-height);line-height:var(--button-text-line-height);position:relative;z-index:1}.btn__text-inner{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;will-change:transform;transition:var(--button-text-transition)}.btn__text-line{display:flex;align-items:center;justify-content:center;min-block-size:var(--button-text-line-height);line-height:var(--button-text-line-height);white-space:nowrap;text-align:center}.btn_icon i{display:flex;justify-content:center;align-items:center;flex-shrink:0;position:relative;z-index:1}.btn_icon i:before{font-size:.75rem}.btn_transparent{background-color:transparent;border:.0625rem solid var(--button-border-color-default)}.btn_transparent:before{inset:var(--button-fill-inset)}.btn_transparent:after{inset-block-end:var(--button-fill-inset);inline-size:calc(var(--button-wave-size) - var(--button-fill-inset) * 2)}@media(any-hover:hover){.btn_transparent:hover{border-color:var(--button-border-color-hover)}}.color-inverse .btn_transparent{border-color:var(--button-border-color-inverse)}