@keyframes hover-arrow-to {
    0% {color: cornsilk; }
    100% {color: rgb(255, 249, 199); }
}
@keyframes hover-arrow-back {
    0% {color: rgb(255, 249, 199); }
    100% {color: cornsilk; }
}

@-moz-keyframes hover-arrow-to {
    0% {color: cornsilk;}
    100% {color: rgb(255, 249, 199); }
}
@-moz-keyframes hover-arrow-back {
    0% {color: rgb(255, 249, 199); }
    100% {color: cornsilk; }
}

@-webkit-keyframes hover-arrow-to { 
    0% {color: cornsilk;}
    100% {color: rgb(255, 249, 199);}
}
@-webkit-keyframes hover-arrow-back {
    0% {color: rgb(255, 249, 199);}
    100% {color: cornsilk; }
}

.arrow:link {
    color: rgba(0, 0, 0, 0);
}
.arrow:visited {
    color: rgba(0, 0, 0, 0);
}
.arrow:active {
    color: rgba(0, 0, 0, 0);
}

.arrow {
    text-decoration: none;
    animation: hover-arrow-back .2s linear 1;
    animation-fill-mode: forwards;

    -moz-animation: hover-arrow-back .2s linear 1;
    -moz-animation-fill-mode: forwards;

    -webkit-animation: hover-arrow-back .2s linear 1;
    -webkit-animation-fill-mode: forwards;
}

.arrow:hover {
    animation: hover-arrow-to .2s linear 1;
    animation-fill-mode: forwards;

    -moz-animation: hover-arrow-to .2s linear 1;
    -moz-animation-fill-mode: forwards;

    -webkit-animation: hover-arrow-to .2s linear 1;
    -webkit-animation-fill-mode: forwards;
}

.arrow:hover:after {
    animation: hover-arrow-back .2s linear 1;
    animation-fill-mode: forwards;

    -moz-animation: hover-arrow-back .2s linear 1;
    -moz-animation-fill-mode: forwards;

    -webkit-animation: hover-arrow-back .2s linear 1;
    -webkit-animation-fill-mode: forwards;
}