@charset "UTF-8";
/* CSS Document */
/* Base styling for the social icons */
.social-icon {
    border-radius: 50%; /* for rounded icons */
    display: inline-block;
    width: 40px; /* adjust as needed */
    height: 40px; /* adjust as needed */
    background-color: grey; /* default background */
    text-align: center;
    line-height: 40px; /* adjust to vertically center icon */
    color: white; /* default icon color */
}

/* Mouse-over effect */
.social-icon:hover {
    background-color: #004E8E; /* Specific blue color on hover */
    /* icon color remains white on hover */
}

/* Specific icon styling (if needed) */
.si-facebook .icon-facebook,
.si-twitter .bi-twitter-x,
.si-linkedin .icon-linkedin {
    color: white; /* Ensure icons are white by default */
}