/**
* Theme Name:        avanam-cosmika
* Theme URI:         https://templatemela.com/
* Template:          avanam
* Author:            TemplateMela
* Author URI:        #
* Description:       This is a child theme of Avanam, generated by TemplateMela.
* Version:           1.0.0
* License:           GNU General Public License v3.0 (or later)
* License URI:       https://www.gnu.org/licenses/gpl-3.0.html
* Text Domain:       avanam-cosmika
* Requires at least: 6.2
* Tested up to:      6.6
* Requires PHP:      7.4
* Tags: translation-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, rtl-language-support, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options, e-commerce

*/
.ask-question-button svg {
    display: none !important;
}
/* Tùy chỉnh nút Mua Ngay màu đen trắng */
.ask-question-button {
    background-color: #b5b5b5 !important; /* Màu nền đen tuyền */
    color: #ffffff !important;           /* Màu chữ trắng */
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;               /* Tạo độ thoáng cho chữ */
    padding: 14px 40px !important;
    
    /* Border - Đường viền */
    border: 2px solid #333333 !important; /* Viền màu xám đậm để tạo độ khối */
    border-radius: 10px !important;                  /* Bo góc nhẹ, vuông vức hơn */
    
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    outline: none;
}

/* Hiệu ứng khi di chuột vào (Hover) */
.ask-question-button:hover {
    background-color: #efefef !important; /* Đổi sang màu đen xám nhẹ */
    border-color: #e3e3e3 !important;     /* Viền đổi sang màu trắng nổi bật */
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1); /* Đổ bóng sáng nhẹ quanh nút */
}

/* Hiệu ứng khi nhấn (Click) */
.ask-question-button:active {
    transform: scale(0.98); /* Nút hơi thu nhỏ lại khi nhấn */
}

/* Đảm bảo icon SVG bị ẩn */
.ask-question-button svg {
    display: none !important;
}

/* Căn giữa nút */
.wrap_ask_share {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}