.edgtf-icon-shortcode {
    $transition-duration: 0.15s;

    display: inline-block;

    &.circle,
    &.square {
        background-color: $first-main-color;
        width: 2em;
        height: 2em;
        line-height: 2em;
        text-align: center;

        @include edgtfTransition(
                background-color $transition-duration ease-in-out,
                border-color $transition-duration ease-in-out
        );

        a {
            display: inline-block;
            width: 100%;
            height: 100%;
        }

        .edgtf-icon-element {
            color: #fff;
            line-height: inherit;
        }
    }

    &.circle {
        @include edgtfBorderRadius(50%);
    }

    .edgtf-icon-element {
        @include edgtfTransition(color $transition-duration ease-in-out);
    }
}

.edgtf-icon-animation-holder {
    @include edgtfTransform(scale(0));
    @include edgtfTransition(transform 0.15s ease-in-out);
    display: inline-block;

    &.edgtf-icon-animation-show {
        @include edgtfTransform(scale(1));
    }
}

.edgtf-icon-tiny {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
}

.edgtf-icon-small {
    font-size: 2em;
}

.edgtf-icon-medium {
    font-size: 3em;
}

.edgtf-icon-large {
    font-size: 4em;;
}

.edgtf-icon-huge {
    font-size: 5em;
}