.vee-icon:hover i:first-child{opacity:0}.vee-icon:hover i:last-child{opacity:1}.vee-icon__wrap{position:relative;display:inline-block;width:1.25em;height:1.25em;overflow:hidden;font-size:3rem;text-align:center;transition:all 0.4s}.vee-icon i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);will-change:transform}.vee-icon i:last-child{opacity:0}.vee-icon i:first-child{opacity:1}.vee-icon--fade i{transition:all 0.4s ease}.vee-icon--fade i:last-child{opacity:0}.vee-icon--fade:hover i:first-child{opacity:0}.vee-icon--fade:hover i:last-child{opacity:1}.vee-icon--left-right i{transition:all 0.3s ease}.vee-icon--left-right i:last-child{left:0;transform:translate(-100%, -50%)}.vee-icon--left-right:hover i:first-child{left:100%;transform:translate(100%, -50%)}.vee-icon--left-right:hover i:last-child{left:50%;transform:translate(-50%, -50%)}.vee-icon--right-left i{transition:all 0.3s ease}.vee-icon--right-left i:last-child{top:50%;right:0;transform:translate(100%, -50%)}.vee-icon--right-left:hover i:first-child{left:0;transform:translate(-100%, -50%)}.vee-icon--right-left:hover i:last-child{transform:translate(-50%, -50%)}.vee-icon--top-bottom i{transition:all 0.3s ease}.vee-icon--top-bottom i:last-child{top:0;left:50%;transform:translate(-50%, -100%)}.vee-icon--top-bottom:hover i:first-child{transform:translate(-50%, 100%)}.vee-icon--top-bottom:hover i:last-child{top:50%;transform:translate(-50%, -50%)}.vee-icon--bottom-top i{transition:all 0.3s ease}.vee-icon--bottom-top i:last-child{bottom:0;left:50%;transform:translate(-50%, 100%)}.vee-icon--bottom-top:hover i:first-child{top:0;transform:translate(-50%, -100%)}.vee-icon--bottom-top:hover i:last-child{bottom:auto;transform:translate(-50%, -50%)}