.button{position:relative;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;font-family:var(--font-title);gap:var(--s-8);letter-spacing:.04em;line-height:1;&.md{font-size:var(--s-14)}&.sm{font-size:var(--s-12)}&.transparent{color:var(--c-white)}&.outline{border:1px solid var(--c-dark);border-radius:var(--r-sm);padding:var(--s-12) var(--s-20);color:var(--c-dark);transition:color .2s ease,background .2s ease;&:hover{background:var(--c-dark);color:var(--c-white)}}&.dark{background:var(--c-dark);color:var(--c-white);border-radius:var(--r-sm);padding:var(--s-12) var(--s-20);transition:color .2s ease,background .2s ease;&:hover{background:var(--c-white);color:var(--c-dark)}}.btn-icon__l{stroke-dasharray:19;stroke-dashoffset:0}.btn-icon__a{stroke-dasharray:11;stroke-dashoffset:0}.btn-icon-wrap.is-animating{.btn-icon__l{animation:redraw-l .55s cubic-bezier(.4,0,.2,1) both}.btn-icon__a{animation:redraw-a .45s cubic-bezier(.4,0,.2,1) .1s both}}.btn-label{display:block;overflow:hidden;position:relative}.btn-label__b,.btn-label__t{display:block;transition:transform .5s cubic-bezier(.16,0,.24,1)}.btn-label__b{position:absolute;top:0;left:0;transform:translateY(105%)}&:hover{.btn-label__t{transform:translateY(-105%)}.btn-label__b{transform:translateY(0)}}}@keyframes redraw-l{0%{stroke-dashoffset:0}50%{stroke-dashoffset:19}to{stroke-dashoffset:0}}@keyframes redraw-a{0%{stroke-dashoffset:0}50%{stroke-dashoffset:11}to{stroke-dashoffset:0}}