.card{display:flex;position:relative;align-items:center}.wrapper{position:absolute;right:0;top:50%;transform:translateY(-50%)}@keyframes kf-arrow{0%{transform:translate(0);opacity:1}20%{opacity:0}25%{transform:translate(25%);opacity:0}50%{transform:translate(-25%);opacity:0}75%{opacity:0}to{transform:translate(0);opacity:1}}.card:hover path{animation:kf-arrow .6s ease-out}.back{filter:opacity(.4);transform:translateZ(0)}@media screen and (min-width: 960px){.card .front{stroke-dasharray:0 835.24;transition:stroke-dasharray 1s -.3s}}@media screen and (min-width: 960px){.card:hover .front{stroke-dasharray:835.24 835.24;transition:stroke-dasharray 2s ease-out}}