/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jul 11 2026 | 07:16:54 */
/* =========================
   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('https://aktec.vn/wp-content/uploads/2026/05/Button_Kham-pha-giai-phap_B_hover.webp');
}

/* =========================
   BUTTON 2
========================= */

.hero-btn-2::after{

    background-image:url('https://aktec.vn/wp-content/uploads/2026/05/Button_Lien-he-tu-van_C_hover.webp');
}

/* =========================
   BUTTON 3
========================= */

.hero-btn-3::after{

    background-image:url('https://aktec.vn/wp-content/uploads/2026/05/button_Xem-them-thong-tin_hover.webp');
}

/* =========================
   BUTTON 4
========================= */

.hero-btn-4::after{

    background-image:url('https://aktec.vn/wp-content/uploads/2026/05/Button_Du-an-tieu-bieu_A.webp');
}

/* =========================
   BUTTON 5
========================= */

.hero-btn-5::after{

    background-image:url('https://aktec.vn/wp-content/uploads/2026/07/Button_Xem-website_V2_B.webp');
}

/* =========================
   BUTTON 6
========================= */

.hero-btn-6::after{

    background-image:url('https://aktec.vn/wp-content/uploads/2026/07/Button_Xem-Chi-tiet_V2_B.webp');
}

/* =========================
   BUTTON 7
========================= */

.hero-btn-7::after{

    background-image:url('https://your-domain.com/button-6-hover.webp');
}

/* =========================
   BUTTON 8
========================= */

.hero-btn-8::after{

    background-image:url('https://your-domain.com/button-6-hover.webp');
}