.list .card {height: 100%;text-decoration: none; } .list .card:hover {background-color: var(--primary); } .list .card:hover h2 {color: var(--white); } .list .card:hover h2 svg {color: var(--white);transform: rotateX(180deg) translateY(50%);transition: transform 1s;transform-origin: center; } .list .card .card-img-top {flex-basis: 100%;flex-grow: 1;flex-shrink: 1; } .list .card .card-body {height: 100%;display: flex;align-items: center;position: relative; } .list .card h2 {padding-right: 3.3333333333rem;line-height: 1.6666666667rem;font-size: 1.2222222222rem; } .list .card h2 svg {position: absolute;right: 1.1111111111rem;bottom: 0;top: 50%;transform: translateY(-50%);color: var(--primary);transition: transform 1s; } .list .sort label {display: none; }