.fs-social-buttons {
  --fs-flex-wrap: wrap;
  --fs-gap: var(--fs-blocks-spacing-xs);

  .fs-button {
    margin-inline: 0;
    font-size: inherit;
    border-radius: 50%;
  }

  .fs-icon {
    fill: currentcolor;
  }

  &:where(.is-style-blank) {
    --fs-gap: 0px;
  }
}

.fs-block-follow__snapchat-lightbox {
  text-align: center;

  .fs-block-popover__content {
    max-width: 480px;
  }
}

.fs-block-follow__snapchat-image {
  margin-bottom: 0.5em;
}

/* Social Icons */

:where(.fs-social-buttons:not(.is-style-outline)) {
  .is-style-fill.is-facebook,
  .is-facebook:hover {
    --background-color: #3a589d !important;
  }

  .is-style-fill.is-instagram,
  .is-instagram:hover {
    --background-color: #e1306c !important;
  }

  .is-style-fill.is-whatsapp,
  .is-whatsapp:hover {
    --background-color: #51cb5a !important;
  }

  .is-style-fill.is-x,
  .is-x:hover {
    --background-color: #111 !important;
  }

  .is-style-fill.is-twitter,
  .is-twitter:hover {
    --background-color: #2478ba !important;
  }

  .is-style-fill.is-threads,
  .is-threads:hover {
    --background-color: #000 !important;
  }

  .is-style-fill.is-tiktok,
  .is-tiktok:hover {
    --background-color: #111 !important;
  }

  .is-style-fill.is-email,
  .is-email:hover {
    --background-color: #111 !important;
  }

  .is-style-fill.is-phone,
  .is-phone:hover {
    --background-color: #51cb5a !important;
  }

  .is-style-fill.is-pinterest,
  .is-pinterest:hover {
    --background-color: #cb2320 !important;
  }

  .is-style-fill.is-rss,
  .is-rss:hover {
    --background-color: #fc7600 !important;
  }

  .is-style-fill.is-tumblr,
  .is-tumblr:hover {
    --background-color: #36455d !important;
  }

  .is-style-fill.is-vk,
  .is-vk:hover {
    --background-color: #527498 !important;
  }

  .is-style-fill.is-google-plus,
  .is-google-plus:hover {
    --background-color: #dd4e31 !important;
  }

  .is-style-fill.is-linkedin,
  .is-linkedin:hover {
    --background-color: #0072b7 !important;
  }

  .is-style-fill.is-youtube,
  .is-youtube:hover {
    --background-color: #c33223 !important;
  }

  .is-style-fill.is-flickr,
  .is-flickr:hover {
    --background-color: #e5086f !important;
  }

  .is-style-fill.is-snapchat,
  .is-snapchat:hover {
    --background-color: #fff600 !important;
  }

  .is-style-fill.is-telegram,
  .is-telegram:hover {
    --background-color: #54a9ea !important;
  }

  .is-style-fill.is-discord,
  .is-discord:hover {
    --background-color: #7189d9 !important;
  }

  .is-style-fill.is-500px,
  .is-500px:hover {
    --background-color: #0099e5 !important;
  }

  .is-style-fill.is-twitch,
  .is-twitch:hover {
    --background-color: #9146fe !important;
  }
}