.view-switcher {
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
}

.view-button {
    display: inline-block;
    padding: 10px;
    border: 1px solid #ddd;
    margin-right: 5px;
    cursor: pointer;
}

.view-button.active {
    background-color: #000;
    color: #fff;
}

/*
.products-block-post-template.grid .product {
    width: 30%;
    float: left;
    margin-right: 5%;
}

.products-block-post-template.grid .product:nth-child(3n) {
    margin-right: 0;
}

.products-block-post-template.list .product {
    width: 100%;
    float: none;
    margin-right: 0;
}
*/
.products-block-post-template.is-layout-grid.list li,
.products-block-post-template.is-layout-grid.grid li {
    padding: 15px;
    background: #F9F9F9;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    position: relative;
}
.products-block-post-template.is-layout-grid.list li {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}
.products-block-post-template.is-layout-grid.list li:nth-child(odd) {
    background: #FFF;
}
.products-block-post-template.is-layout-grid.grid li {
    padding-bottom: 60px;
}
.products-block-post-template.is-layout-grid.list,
.products-block-post-template.list .card {
    display: block;
}
.products-block-post-template.is-layout-grid.list li {
    margin-bottom: 20px;
    clear: both;
    text-align: left !important;
}
.products-block-post-template.is-layout-grid.list li h3,
.products-block-post-template.is-layout-grid.list li .wc-block-components-product-price,
.products-block-post-template.is-layout-grid.list li .wp-block-post-excerpt__excerpt,
.products-block-post-template.is-layout-grid.list li .wp-block-post-excerpt__more-text,
.products-block-post-template.list .col {
    text-align: left !important;
}
.products-block-post-template.is-layout-grid.list li .wp-block-button.wc-block-components-product-button {
    align-items: flex-start;
}
.products-block-post-template.is-layout-grid.list li:after {
    content: '';
    display: block;
    clear: both;
}
.products-block-post-template.is-layout-grid.list .wc-block-components-product-image.wc-block-grid__product-image,
.products-block-post-template.list .card-img {
    max-width: 252px;
    float: left;
    margin: 0 20px 20px 0;
}

.products-block-post-template.is-layout-grid.grid li .btnContainer {
    margin: 0;
    position: absolute;
    bottom: 15px;
    width: calc(100% - 30px);
}
.products-block-post-template.is-layout-grid.list li .btnContainer {
    position: relative;
    bottom: auto;
    width: auto;
    justify-content: flex-start;
}