.taxonomy-term-catalog .taxonomy-term-teaser-product {
    margin: 13px 0;
    position: relative;
    max-width: 242px;
}
.taxonomy-term-catalog .taxonomy-term-teaser-product a {
    color: #FFFFFF;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    text-transform: uppercase;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    transition: width .4s;
    width: 242px;
    justify-content: flex-end;
}
.taxonomy-term-catalog .taxonomy-term-teaser-product a.active {
    color: #FF7800;
    border-color: #FF7800;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0;
    justify-content: end;
}
.taxonomy-term-teaser-product:hover .regular {
    width: 0;
}
.taxonomy-term-teaser-product:hover .active {
    width: 242px!important;
}