.elementor-9402 .elementor-element.elementor-element-dc28307{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-9402 .elementor-element.elementor-element-dc28307.e-con{--align-self:center;}/* Start custom CSS for html, class: .elementor-element-bb32f38 */.dual-button-container {
        display: flex;
        align-items: center;
        gap: 16px;
        margin: 15px 0; /* Thêm margin để cách nội dung khác */
    }

    .messenger-btn, .zalo-btn {
        padding: 10px 20px; /* Giảm padding nếu cần */
        border-radius: 6px;
        color: white;
        font-size: 14px; /* Điều chỉnh font-size */
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 8px;
        text-decoration: none;
        transition: transform 0.2s;
    }

    .messenger-btn {
        background: linear-gradient(135deg, #0099FF, #0066FF);
    }

    .zalo-btn {
        background: linear-gradient(135deg, #03B5F0, #0177D1);
    }

    .icon {
        width: 12px; /* Kích thước icon */
        height: 12px;
        flex-shrink: 0;
    }

    .or-text {
        color: #666;
        font-size: 13px;
    }

    /* Responsive cho mobile */
    @media (max-width: 480px) {
        .dual-button-container {
            flex-direction: column;
            gap: 10px;
        }
        .or-text {
            display: none; /* Ẩn chữ "Hoặc" trên mobile */
        }
    }/* End custom CSS */