.btn{--space:3.5rem;--duration:.75s;--ease:cubic-bezier(.19,1,.22,1)}@media(hover:hover)and (pointer:fine){.btn.is-icon .btn__space{transition:width var(--duration) var(--ease);width:0}.btn.is-icon:hover .btn__space{width:var(--space)}.btn.is-icon .btn__icon{transform:translate3d(50%,0,0);transition:transform var(--duration) var(--ease)}.btn.is-icon:hover .btn__icon{transform:translateZ(0)}}.btn__mask{--clip-l:100%;clip-path:inset(0 0 0 var(--clip-l) round .5rem);transition:--clip-l var(--duration) var(--ease)}@media(hover:hover)and (pointer:fine){.btn:hover .btn__mask{--clip-l:0%}}