@import "variables";
@import "mixins";
@import "generals";
@import "icons";

[class*="icono-"] {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-style: normal;
    color: $maincolor;
    text-align: left;
    text-indent: -9999px;
    direction: ltr;
    &:before, &:after{
        content:'';
        pointer-events: none;

}
    &[class*="Circle"]{
        @extend .icono-stroke
        border-radius: 50%;
        width: $30;
        height: $30;
        margin: $2;

}
    &[class*="Square"]{
        @extend .icono-stroke
        border-radius: $4;
        width: $30;
        height: $30;
        margin: $2;

}
    &, & *{
        box-sizing: border-box;

}

}