.product-card {
    border: solid 1px var(--kbsb-dark);
    position: relative;
}

.product-card .product-img {
    width: 100%;
    position: relative;
}

.product-card .product-img > img {
    display: block;
    width: 100%;
}

.product-card .product-img::after {
    content: "";
    display: block;
    width: 60%;
    height: 12px;
    border-radius: 6px;
    background-color: var(--kbsb-green);
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
}

.product-card .product-info {
    padding: 2em;
}

.product-card .product-info > h3,
.product-card .product-info > p {
    margin: 0;
}

.product-card .product-info > h3 {
    text-transform: uppercase;
    font-size: 1.3em;
    margin-bottom: 0.5em;
}

.product-card a {
    margin: 0 2em 2em;
}