.post-card a h5 {
    color: var(--bs-body-color);
    font-weight: 500;
    transition: all ease 300ms;
}

.post-card .info {
    font-size: var(--global-size);
    color: var(--bs-body-color)!important;
    opacity: 0.8;
    transition: all ease 300ms;
}

.post-card a:hover h5,
.post-card a:hover .info {
    color: var(--wc-white)!important;
    opacity: 1;
}

.post-card a::after {
    content: "";
    position: absolute;
    --o: 0.5rem;
    top: calc(var(--o) * -1);
    left: calc(var(--o) * -1);
    width: calc(100% + (2 * var(--o)));
    height: calc(100% + (2 * var(--o)));
    z-index: -1;
    background: linear-gradient(to right, var(--wc-green), var(--wc-green-2));
    background-repeat: no-repeat;
    background-size: 4px;
    transition: all ease 300ms;
}

.post-card a:hover::after {
    background-size: 100%;
}