.h-product {
    border: 1px solid #ddd;
    box-shadow: 0 4px 5px #0003;
    color: inherit;
    flex-wrap: wrap;
    margin-bottom: 20px;
    text-decoration: none;
    & img { width: 100%; }
    & .product-copy { flex-basis: 100%; }
    & .product-link {
        align-items: center;
        display: flex;
        flex-grow: 1;
        justify-content: center;
    }
    & b { font-size: 1.35rem; }
    & p { font-size: 1.25rem; margin: 0; }
    & .btn {
        font-size: 1.25rem;
        padding: 10px 30px;
        text-wrap: nowrap;
    }
}
@media (min-width: 992px) {
    .h-product {
        flex-wrap: nowrap;
        & img { width: 20%; height: 20%; }
        & .product-copy { flex-basis: auto; }
    }
}
a.h-product:hover { background: #eee; }

.product {
    box-shadow: 0 4px 5px #0003;
    margin-bottom: 20px;
}