/* LINKS */

[class*="link-"] {
    @include anim;
    @extend .btn-transparency;
    vertical-align: middle;
    display: inline-block;
    [class*="icon"] {
        display: inline-block;
        vertical-align: middle;
    }
}
.link-primary {
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none;
    text-transform: capitalize;
    position: relative;
    color: $font-cr-primary;
    &:hover {
        color: $cr-brand-primary;
        &:after {
            transform: scaleX(1.2);
        }
    }
    &:after {
        @include anim;
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        height: 3px;
        background-color: $cr-brand-primary;
        transform-origin: 0 100%;
        transform: scaleX(1);
    }
    .ajax-loader {
        @include ycenter;
        right: 105%;
    }
}
