/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 24 2026 | 13:41:52 */
/* =========================
   AKTEC IMAGE BUTTON SYSTEM
========================= */

/* Base chung */
.hero-btn{

    position:relative;

    display:inline-block;

    overflow:hidden;

    border-radius:0;

    transition:transform .3s ease;
}

/* Hover lift nhẹ */
.hero-btn:hover{

    transform:translateY(0px);
}

/* Image mặc định */
.hero-btn img{

    display:block;

    transition:opacity .35s ease;
}

/* Overlay hover */
.hero-btn::after{

    content:"";

    position:absolute;

    inset:0;

    background-size:cover;

    background-position:center;

    opacity:0;

    transition:opacity .35s ease;

    pointer-events:none;
}

/* Hover effect */
.hero-btn:hover img{

    opacity:0;
}

.hero-btn:hover::after{

    opacity:1;
}

/* =========================
   BUTTON 1
========================= */
.hero-btn-1::after{
    background-image:url('/wp-content/uploads/2026/10/Button_Tim-hieu-them_02B.webp');
}


/* =========================
   BUTTON 2
========================= */
.hero-btn-2::after{
    background-image:url('/wp-content/uploads/2026/10/Button_Xem-nang-luc-san-xuat_02.webp');
}


/* =========================
   BUTTON 3
========================= */
.hero-btn-3::after{
    background-image:url('/wp-content/uploads/2026/10/Button_Xem-tat-ca-giai-phap_02B.webp');
}


/* =========================
   BUTTON 4
========================= */
.hero-btn-4::after{
    background-image:url('/wp-content/uploads/2026/10/Button_Xem-tat-ca-san-pham_02B.webp');
}


/* =========================
   BUTTON 5
========================= */
.hero-btn-5::after{
    background-image:url('/wp-content/uploads/2026/10/Button_Xem-tat-ca-tin-tuc_02.webp');
}


/* =========================
   BUTTON 6
========================= */
.hero-btn-6::after{
    background-image:url('/wp-content/uploads/2026/10/Button_Yeu-cau-bao-gia_02.webp');
}


/* =========================
   BUTTON 7
========================= */
.hero-btn-7::after{
    background-image:url('/wp-content/uploads/2026/10/Button_Lien-he-tu-van_02.webp');
}


/* =========================
   BUTTON 8
========================= */
.hero-btn-8::after{
    background-image:url('/wp-content/uploads/2026/10/Button_Lien-he-ngay_02.webp');
}

/* =========================
   BUTTON 9
========================= */
.hero-btn-9::after{
    background-image:url('/wp-content/uploads/2026/10/Button_Kham-pha-san-pham_02.webp');
}

/* =========================
   BUTTON 10
========================= */
.hero-btn-10::after{
    background-image:url('/wp-content/uploads/2026/10/Button_Lien-he-Zalo_02.webp');
}

/* =========================
   BUTTON 11
========================= */
.hero-btn-11::after{
    background-image:url('/wp-content/uploads/2026/10/Button_Goi-truc-tiep_02.webp');
}