.cardFill.animate,
.cardFill-top.animate,
.cardFill-bottom.animate,
.cardFill-right.animate {
    transition: var(--card-animation);
    color: inherit !important;

    &:before{ transition: var(--card-animation);}
    &:hover{
        color: var(--var-text-color) !important;
        transition: var(--card-animation);

        > .cardItem { color: var(--var-text-color) !important; }
    }

    > .cardItem { --var-text-color: initial !important }
}

.cardFill.animate:hover:before{ left: 0; }
.cardFill-right.animate:hover:before{ right: 0; }
.cardFill-top.animate:hover:before{ top: 0; }
.cardFill-bottom.animate:hover:before{ bottom: 0; }