/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


/* Khung bọc nút trong Product Box */
.maytech-btn-wrap {
    width: 100%;
    margin-top: 10px;
    padding: 0 1px; /* Tạo khoảng cách nhẹ với viền box sản phẩm */
}

/* Định dạng chung cho cả 2 nút */
.maytech-btn-wrap .button {
    width: 100%;
    margin: 0 !important;
    text-align: center;
    font-weight: 600;
    display: block !important;
    text-transform: uppercase;
    border-radius: 4px; /* Bo góc nhẹ cho nút trông hiện đại hơn */
    transition: all 0.3s ease;
}

/* Định dạng riêng cho nút MUA NGAY (Nổi bật - Ví dụ: Màu cam/đỏ) */
.maytech-btn-wrap .maytech-buy-now {
    background-color: #d2691e; /* Đổi mã màu theo ý bạn */
    color: #ffffff;
}
.maytech-btn-wrap .maytech-buy-now:hover {
    background-color: #b15615; /* Màu khi di chuột vào */
}

/* Định dạng riêng cho nút XEM THÊM (Nhẹ nhàng hơn - Ví dụ: Màu xanh của Flatsome) */
.maytech-btn-wrap .maytech-view-more {
    background-color: #19388a; /* Mã màu mặc định của Flatsome */
    color: #ffffff;
}
.maytech-btn-wrap .maytech-view-more:hover {
    background-color: #364d69; /* Màu khi di chuột vào */
}

.woocommerce div.product form.cart button.buy_now_button {
    background-color: #d10000; /* Màu đỏ nổi bật cho nút Mua Ngay */
    color: #fff;
    margin-left: 10px;
}
.woocommerce div.product form.cart button.buy_now_button:hover {
    background-color: #b00000;
    color: #fff;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}