/* Menargetkan container dari tombol alternatif untuk memberikan jarak */
#alternative-logins {
    margin-top: 25px !important; /* Memberikan jarak yang lega dari tombol 'Log in' */
    width: 100%;
}

/* Styling untuk tombol SIMASTER agar lebih 'terdeteksi' */
/* Kita asumsikan ini adalah elemen button atau link di dalam #alternative-logins */
#alternative-logins button,
#alternative-logins a.button-vue {
    display: block;
    width: 100%;
    padding: 12px;
    
    /* Gaya 'Outline' Modern */
    background-color: transparent !important; /* Latar belakang transparan */
    border: 2px solid rgba(255, 255, 255, 0.8) !important; /* Garis tepi putih yang tegas */
    color: #ffffff !important; /* Teks warna putih */
    
    border-radius: 6px; /* Sudut yang sedikit membulat, seragam dengan input lain */
    font-weight: 600; /* Teks sedikit lebih tebal agar jelas */
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease; /* Efek transisi halus saat kursor diarahkan */
    cursor: pointer;
}

/* Efek Hover (Saat mouse berada di atas tombol) */
#alternative-logins button:hover,
#alternative-logins a.button-vue:hover {
    background-color: rgba(255, 255, 255, 0.15) !important; /* Memberi latar belakang putih transparan */
    border-color: #ffffff !important; /* Garis tepi menjadi putih penuh */
}