.icon{width:44px;height:44px;line-height:44px;border-radius:100px;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.icon.icon--dark{background-color:#1b1b1b}.icon.icon--dark span{color:#fff}.icon.icon--light{background-color:#fff}.icon.icon--light span{color:#1b1b1b}.icon .arrow--animation.is-1{opacity:1;transform:translateZ(0)}.icon .arrow--animation.is-2{position:absolute;opacity:0;transform:translate3d(-165%,0,0)}.icon:hover .arrow--animation.is-1{opacity:0;transform:translate3d(165%,0,0)}.icon:hover .arrow--animation.is-2{opacity:1;transform:translateZ(0)}a:hover .icon .arrow--animation.is-1{opacity:0;transform:translate3d(165%,0,0)}a:hover .icon .arrow--animation.is-2{opacity:1;transform:translateZ(0)}