.mt {
    background-color: var(--color-white);
    border: 1px solid var(--color-chinh);
    border-radius: 10px;
    padding: 20px !important;
}

.contact-btn-wrap {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.contact-btn-wrap a {
    flex: 1;
    text-align: center;
    padding: 12px 10px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 16px;
    transition: 0.3s;
}

/* Nút trái - nền màu, chữ trắng */
.btn-call {
    background: var(--color-chinh);
    color: var(--color-white);
}

/* Đảm bảo tất cả chữ bên trong cũng trắng */
.btn-call strong,
.btn-call span {
    color: var(--color-white);
}

/* Nút phải - trong suốt, chữ màu chính */
.btn-zalo {
    border: 2px solid var(--color-chinh);
    color: var(--color-chinh);
    background: transparent;
}

/* Đảm bảo chữ bên trong đúng màu */
.btn-zalo strong,
.btn-zalo span {
    color: var(--color-chinh);
}

/* Hover: nút trong suốt đổi màu */
.btn-zalo:hover {
    background: var(--color-chinh);
}

/* Khi hover thì chữ chuyển trắng */
.btn-zalo:hover strong,
.btn-zalo:hover span {
    color: var(--color-white);
}

/* Nút trái hover giữ nguyên */
.btn-call:hover {
    opacity: 0.9;
}

/* Text nhỏ */
.contact-btn-wrap span {
    display: block;
    font-size: 14px;
    margin-top: 3px;
}