.footer {
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.hover-effect:hover {
    color: white !important;
    transition: color 0.3s;
}

.footer .button.is-dark {
    background-color: #222;
    border-color: #333;
}

.footer .button.is-dark:hover {
    background-color: #333;
}

.footer .button.is-warning {
    font-weight: bold;
}

.social-link {
    display: block;
    padding: 8px 5px;
    transition: transform 0.2s;
}

.social-link:hover {
    transform: translateX(5px);
}