.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-path:inset(0 0 0 100% round .5rem);transition:clip-path var(--duration) var(--ease)}@media(hover:hover)and (pointer:fine){.btn:hover .btn__mask{clip-path:inset(0 0 0 0 round .5rem)}}