/* Same size as AwButton */
.aw-icon {
    color: inherit;
    fill: currentColor;
    vertical-align: middle;

    &--size-text {
        width: 1em;
        height: 1em;
    }

    &--animated {
        .svg-arrow-line {
            transform: scaleX(0);
            transform-origin: 50% 75%;
            transition: 60ms transform;
        }

        .svg-arrow-chevron {
            transform: translateX(-15%);
            transition: 60ms transform;
        }
    }
}

.aw-animated-icon-parent:hover .aw-icon--animated,
.aw-icon--animated:hover {
    .svg-arrow-line {
        transform: scaleX(1);
        transition: 240ms transform;
    }

    .svg-arrow-chevron {
        transform: translateX(0);
        transition: 240ms transform;
    }
}