/* ------------------------------
 * Social Icon Square Container
 * ------------------------------ */

.wp-block-social-links.is-style-primary-sq,
.wp-block-social-links.is-style-base-sq {
    display: flex;
    gap: var(--wp--preset--spacing--10);
}

.wp-block-social-links.is-style-primary-sq .wp-social-link,
.wp-block-social-links.is-style-base-sq .wp-social-link {
    border-radius: var(--wp--preset--spacing--10);
    font-size: var(--wp--preset--font-size--large);
    transition: background-color 0.3s, color 0.3s;
}

.wp-block-social-links.is-style-primary-sq .wp-social-link button,
.wp-block-social-links.is-style-base-sq .wp-social-link button {
    padding: 4px !important;
}

/* primary square */

.wp-block-social-links.is-style-primary-sq .wp-social-link {
    color: var(--wp--preset--color--base);
    background-color: var(--wp--preset--color--primary);
}

.wp-block-social-links.is-style-primary-sq .wp-social-link:hover {
    color: var(--wp--preset--color--primary);
    background-color: var(--wp--preset--color--base);
}

/* base square */

.wp-block-social-links.is-style-base-sq .wp-social-link {
    color: var(--wp--preset--color--primary);
    background-color: var(--wp--preset--color--base);
}

.wp-block-social-links.is-style-base-sq .wp-social-link:hover {
    color: var(--wp--preset--color--base);
    background-color: var(--wp--preset--color--primary);
}