.shop-product-card{
    border-radius: 20px 20px 0 0;
    border: 0;
    width: 17rem !important;
    margin: 15px 0; 
    &:hover{
        .images{
            &::before{
                animation:  circle .95s;
            }
        }
    }
    .images{
        position: relative;
        overflow: hidden;
        .expand-button{                      
            background: transparent;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            border: 0;
            &:focus{
                outline: none;
                box-shadow: none;
            }
        }
        &::before{
            position: absolute;
            top: 50%;
            left: 50%;
            display: block;
            content: '';
            width: 0;
            height: 0;
            background: rgba(255, 255, 255, .2);
            border-radius: 50%;
            transform: translate(-50%, -50%);
            opacity: 0;
            z-index: 10;
        }
        .card-img-top{
            object-fit: cover;
            width: 100%;
            height: 100%;
        }
        .add-cart{
            z-index: 2;
            background-color: #FD6769;
            display: block;
            width: 140px;
            height: 45px;
            line-height: 45px;
            border-radius: 22.5px;
            text-align: center;
            color: #FFFFFF;
            font-weight: 700;
            font-size: 14px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
        }
    }
    .card-body{
        .card-title{
            font-size: 16px;
            font-weight: 400;
            color: #D8D8D8;
            margin-bottom: 7px;
        }
        .type{
            color: #000000;
            font-weight: 700;
            font-size: 21px;
            position: absolute;
            text-transform: capitalize;
        }
        .price{
            color: #000000;
            font-weight: 700;
            font-size: 21px;
            text-align: end;
        }
        .num-item{
            margin-top: 7px;
            font-size: 16px;
            font-weight: 400;
            color: #676767;
        }
    }
}
.list-view{
    .shop-product-card{
        flex-direction: row;
        width: 100% !important;
        border: 1px solid #eee; 
        border-radius: 15px;
    }
    .row > [class*='col-'] 
    {
        max-width: 100%;
        flex: 0 0 100%;
    } 
} 
.products{    
    .more{
        width: fit-content;
        margin: 20px auto;
        .show-more{
            background-color: #FDCE51;
            font-weight: 700;
            font-size: 16px;
            color: #FFFFFF;
            border: 0;
            border-radius: 22.5px;
            width: 155px;
            height: 45px;
            line-height: 45px;
            text-align: center;
            padding: 0;
            &:focus{
                outline: none;
                box-shadow: none;
            }
        }
    }
}