/**
 * Social Media Icon — layout only.
 *
 * Colour and size come from the module's Design controls (Icon Colour, Icon
 * Size). This file only keeps the SVG square and inline so module Text
 * Alignment can move it.
 */

.spruce_divi_social_media_icon {
    line-height: 0;
}

.spruce-social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    text-decoration: none;
    line-height: 0;
}

.spruce-social-icon__svg {
    display: block;
    width: 32px;
    height: auto;
    aspect-ratio: 1;
    fill: currentColor;
}