/*————————————

Effect v2

————————————*/ @import “icon-hover-extend”;

.u-icon-effect-v2–hover {

transition: all .5s;
overflow: inherit;

}

.u-icon-effect-v2–hover::after {

@extend %u-icon-hover-effect-after;
top: -4px;
left: -4px;
padding: 4px;
// background: $g-color-primary;
z-index: -1;
transition: all .5s;

} .u-icon-effect-v2–hover:hover, .u-icon-effect-v2–hover:hover::after {

background: $g-color-primary;

}

.u-icon-effect-v2–hover:hover::after, .u-icon-block–hover:hover .u-icon-effect-v2–hover::after {

opacity: 0;
transform: scale(1.5);

}