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

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