.beagood a {
    display: block;
    text-decoration: none;
    color: white;
    background-color: #835af8c2;
    width: 60%;
    border-radius: 20px;
    text-align: center;
    padding: 10px;
    margin: 10px auto; /* spacing between buttons */
    transition: all 0.3s ease;
    }

    .beagood a:hover {
    width: 65%;
    padding: 14px;
    }
    
    /* On phone (max 600px), make hover 100% */
    @media (max-width: 600px) {
        .beagood a {
        width: 90%;
            
        }
      .beagood a:hover {
        width: 95%;
      }
    }

    /* Promo button base */
    .promotion {
    position: relative;
    overflow: hidden;
    background: #835af8c2;
    color: white;
    z-index: 1;
    }

    /* Promo button base */
    .promotion {
    position: relative;
    overflow: hidden;
    background: #835af8c2;
    color: white;
    z-index: 1;
    }

    /* Shine effect */
    .promotion::before {
    content: "";
    position: absolute;
    top: 0; left: -75%;
    width: 50%; height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255, 215, 0, 0.6),
        transparent
    );
    transform: skewX(-25deg);
    animation: shine 3s infinite;
    z-index: 2;
    }

    /* Extra stars (fixed position like first version) */
    .promotion::after {
    content: "✦ ✦";
    position: absolute;
    color: #FFD700;
    top: 5px;
    right: 15px;
    opacity: 0;
    animation: blink 2s infinite ease-in-out;
    z-index: 3;
    }

    /* Multiple stars (span version) */
    .promotion .star {
    position: absolute;
    color: #FFD700;
    opacity: 0;
    animation: blink 2s infinite ease-in-out;
    z-index: 3;
    }

    /* Random star placements */
    .promotion .star:nth-child(1) { top: 10%; left: 15%; animation-delay: 0s; }
    .promotion .star:nth-child(2) { top: 20%; right: 20%; animation-delay: 0.5s; }
    .promotion .star:nth-child(3) { bottom: 30%; left: 25%; animation-delay: 1s; }
    .promotion .star:nth-child(4) { bottom: 15%; right: 15%; animation-delay: 1.5s; }
    .promotion .star:nth-child(5) { top: 50%; left: 50%; animation-delay: 2s; }

    /* Shine animation */
    @keyframes shine {
    0% { left: -75%; }
    100% { left: 125%; }
    }

    /* Blink animation (untuk semua bintang) */
    @keyframes blink {
    0%, 100% { opacity: 0; transform: scale(0.5) rotate(0deg); }
    50% { opacity: 1; transform: scale(1.5) rotate(20deg); }
    }
    
    .linkme{
        margin-top: 30px !important;
    }