/**
 * socialIcon() (inc/helper-ui-elements.php) — replaces its previous Tailwind
 * utility classes (FSE/theme.json migration). Used by the dilate/social-icons
 * block (blocks/social-icons/render.php) and any theme code calling
 * socialIcon() directly.
 */

.dilate-social-icon__link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
}

.dilate-social-icon__svg {
    width: 100%;
    height: 100%;
    padding: 5px;
    fill: var(--Color1, currentColor);
    transition: fill 0.4s ease;
}

.dilate-social-icon__link:hover .dilate-social-icon__svg {
    fill: #fff;
}