*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.container{
    max-width: 1190px;
    margin: 0 auto;
}
.products-con{
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
    grid-gap: 1rem;
}
.products-item{
box-shadow: 0 0 5px rgba(0,0,0,0.3);
transition: 0.3s;
outline: 1px solid #a0bea1 ;
margin: 1rem;
}
.products-item:hover{
    border: 1px solid orange;
    /* outline: 1px solid rgb(255, 0, 21); ไม่เพิ่มขนาดของกล่อง */
}
.products-detial{
    padding: 0.5rem;
}
.products-img img{
    width: 100%;
}
.products-price{
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    align-items: center;
}
.products-right span{
    font-size: 12px;
}
.Button{
    background-color: #fff;
    width: 100px;
    margin: 0.5rem;
    margin-left: auto;
    margin-right: auto;
    box-shadow:0 0 5px rgba(0,0,0, 0.3);
    transition: 0.3s;
    }
    .Button,a{
        text-decoration: none;
        text-align: center;
        color: #5e5e5e;
    }
    .Button:hover {
        background-color: #ff9305;
        border: 1px solid rgb(154, 144, 10) ;
        color: #fff;
    }