.contact-item a {
    transition: all 0.3s ease;
    border-radius: 10px;
    padding: 8px;
}
.contact-item a:hover {
    background-color: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}
.contact-item .icon {
    transition: all 0.3s ease;
}
.contact-item a:hover .icon {
    background-color: #198754; /* darker green */
    transform: scale(1.1);
}
.btn-close {
    filter: brightness(0) invert(0.5);
    transition: all 0.2s ease;
}
.btn-close:hover {
    filter: brightness(0) invert(0);
    transform: scale(1.1);
}