.social-card {
    display: flex;          /* enable flex layout */
    flex-direction: row;    /* horizontal row */
    align-items: center;    /* vertical centering of items */
    justify-content: center; /* center the icons horizontally */
    gap: 20px;              /* spacing between icons */
    padding: 25px;
    background-color: rgb(238, 238, 238);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.055);
    width: fit-content;     /* shrink to content */
    margin: auto;           /* center the card in parent container */
}
/* all social containers*/ 

.socialContainer { 
    width: 52px;
    height: 52px;
    border-radius: 5px; 
    background-color: rgb(44, 44, 44); 
    display: flex; align-items: center; 
    justify-content: center; 
    overflow: hidden; 
    transition-duration: 0.3s; 
} 
    
    /* instagram*/ 
    .containerOne:hover { 
        background-color: #d62976; 
        transition-duration: 0.3s; 
    }
     /* Tiktok*/ 
     .containerTwo:hover { 
        background-color: #25f4ee; 
        transition-duration: 0.3s; 
    }
     /* Facebook*/ 
     .containerThree:hover { 
        background-color: #1877f2; 
        transition-duration: 0.3s; 
    }
     /* Whatsapp*/ 
     .containerFour:hover { 
        background-color: green; 
        transition-duration: 0.3s; 
    }
     .socialContainer:active { 
        transform: scale(0.9); 
        transition-duration: 0.3s; 
    } 
    
    .socialSvg { 
        width: 19px; 
    } 
    
    .largeIcon { 
        width: 27px; /* Ancho específico solo para el icono de TikTok */ 
    } 
    
    .socialSvg path { 
        fill: rgb(255, 255, 255); 
    } 
    
    .socialContainer:hover .socialSvg { 
        animation: slide-in-top 0.3s both; 
    } 
    @keyframes slide-in-top { 0% { 
        transform: translateY(-50px); 
        opacity: 0; } 100% { 
            transform: translateY(0); opacity: 1; } 
        }