/* --- KODE ANIMASI GELEMBUNG GLOSSEMA --- */

/* Ini membuat efek gelembung siap meledak */
.glossema-btn {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    z-index: 1;
}

/* Ini wujud gelembungnya (lingkaran emas tersembunyi) */
.glossema-btn::after {
    content: "";
    position: absolute;
    top: 50%; 
    left: 50%;
    width: 300px; /* Lebar gelembung */
    height: 300px;
    background: rgba(180, 155, 87, 0.4); /* Warna Emas Transparan */
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0); /* Awalnya ukurannya 0 (hilang) */
    transition: transform 0.5s ease; /* Durasi animasi membesar */
    z-index: -1;
}

/* Ini pemicunya: Saat disentuh, gelembung membesar */
.glossema-btn:hover::after {
    transform: translate(-50%, -50%) scale(1);
}

/* Ini efek teksnya geser kanan saat disentuh */
.glossema-btn:hover {
    padding-left: 25px !important;
    color: #FFD700 !important; /* Huruf jadi Kuning Emas */
    border-left: 8px solid #FFD700 !important; /* Garis kiri menebal */
}