/* groups.html — page-specific styles */

.social-icon-minimal {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            background-color: #f5f5f5;
            border-radius: 50%;
            transition: all 0.3s ease;
        }

.social-icon-minimal:hover {
            background-color: #e0e0e0;
            transform: translateY(-2px);
        }

.social-icon-minimal svg {
            transition: fill 0.3s ease;
        }

.social-icon-minimal:hover svg {
            fill: var(--primary-color) !important;
        }