/* Container: make sure the icons sit in a neat row */
.WaGadgetSocialProfile .socialProfiles {
    display: inline-flex;
    gap: 8px; /* spacing between icons */
}

/* The clickable icon “buttons” */
.WaGadgetSocialProfile .socialProfiles a {
    background-color: #1a73e8;  /* pick your brand color */
    border-radius: 50%;         /* 50% = circle; use 8px for rounded square */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    text-decoration: none;
}

/* If the theme uses an <i> or text inside the link, make it white */
.WaGadgetSocialProfile .socialProfiles a i,
.WaGadgetSocialProfile .socialProfiles a span,
.WaGadgetSocialProfile .socialProfiles a::before {
    color: #ffffff !important;
}

/* Remove borders/shadows from theme */
.WaGadgetSocialProfile .socialProfiles a {
    border: none !important;
    box-shadow: none !important;
}

/* Optional: hover effect */
.WaGadgetSocialProfile .socialProfiles a:hover {
    background-color: #0b5bd1;  /* slightly darker on hover */
}