.asterisk{
a{
position: relative;
color: $base-light;
display: inline-flex;
&:hover,&.active{
color: $orange;
.asterisk{
&-on{
opacity: 1;
}
}
}
&.active:hover{
.asterisk{
&-on{
opacity: 0;
}
}
}
}
&-on{
opacity: 0;
position: absolute;
@if($rtl==false){
left: 0;
}
@if($rtl==true){
right: 0;
}
color: $orange;
z-index: 1;
transition: opacity .2s;
}
}