.footer a:hover {
    color: var(--gold) !important;
    transform: translateX(5px);
    transition: 0.3s;
}
.btn-social {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.footer {
    background: #000 !important;
    color: var(--gold);
}

.footer a {
    color: var(--gold-soft);
}
.text-center.py-3.border-top.border-secondary {
    color: var(--gold-soft) !important;
    font-weight: bold;
    text-shadow: 2px 2px 15px rgba(0,0,0,0.8);
}
.text-white.mb-3-footer {
    color: var(--gold-soft) !important;
    font-weight: bold;
    text-shadow: 2px 2px 15px rgba(0,0,0,0.8);
}
.text-white.mb-3-layanan {
    color: var(--gold-soft) !important;
    font-weight: bold;
    text-shadow: 2px 2px 15px rgba(0,0,0,0.8);
}
.text-white.mb-3-kontak {
    color: var(--gold-soft) !important;
    font-weight: bold;
    text-shadow: 2px 2px 15px rgba(0,0,0,0.8);
}