.sns-buttons a {
  --cocoon-sns-color: var(--cocoon-text-color);
  align-content: center;
  align-items: center;
  background-color: var(--cocoon-sns-color);
  border-radius: var(--cocoon-basic-border-radius);
  color: var(--cocoon-white-color);
  display: inline-flex;
  font-size: 18px;
  justify-content: center;
  height: 45px;
  margin-bottom: 8px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 32%;
}


/* ブランド(白抜き) */

.bc-brand-color-white a {
  background-color: var(--cocoon-white-color);
  border: 1px solid var(--cocoon-sns-color);
  color: var(--cocoon-sns-color);
  font-weight: 500;
}

[class*="bc-brand-color"] .twitter-button {
  --cocoon-sns-color: var(--cocoon-twitter-color);
}

[class*="bc-brand-color"] .facebook-button {
  --cocoon-sns-color: var(--cocoon-facebook-color);
}

[class*="bc-brand-color"] .hatebu-button {
  --cocoon-sns-color: var(--cocoon-hatebu-color);
}

[class*="bc-brand-color"] .google-plus-button {
  --cocoon-sns-color: var(--cocoon-google-plus-color);
}

[class*="bc-brand-color"] .pocket-button {
  --cocoon-sns-color: var(--cocoon-pocket-color);
}

[class*="bc-brand-color"] .line-button {
  --cocoon-sns-color: var(--cocoon-line-color);
}

[class*="bc-brand-color"] .website-button {
  --cocoon-sns-color: var(--cocoon-website-color);
}

[class*="bc-brand-color"] .instagram-button {
  --cocoon-sns-color: var(--cocoon-instagram-color);
}

[class*="bc-brand-color"] .pinterest-button {
  --cocoon-sns-color: var(--cocoon-pinterest-color);
}

[class*="bc-brand-color"] .youtube-button {
  --cocoon-sns-color: var(--cocoon-youtube-color);
}

[class*="bc-brand-color"] .tiktok-button {
  --cocoon-sns-color: var(--cocoon-tiktok-color);
}

[class*="bc-brand-color"] .linkedin-button {
  --cocoon-sns-color: var(--cocoon-linkedin-color);
}

[class*="bc-brand-color"] .note-button {
  --cocoon-sns-color: var(--cocoon-note-color);
}

[class*="bc-brand-color"] .soundcloud-button {
  --cocoon-sns-color: var(--cocoon-soundcloud-color);
}

[class*="bc-brand-color"] .flickr-button {
  --cocoon-sns-color: var(--cocoon-flickr-color);
}

[class*="bc-brand-color"] .amazon-button {
  --cocoon-sns-color: var(--cocoon-amazon-color);
}

[class*="bc-brand-color"] .twitch-button {
  --cocoon-sns-color: var(--cocoon-twitch-color);
}

[class*="bc-brand-color"] .rakuten-room-button {
  --cocoon-sns-color: var(--cocoon-rakuten-room-color);
}

[class*="bc-brand-color"] .slack-button {
  --cocoon-sns-color: var(--cocoon-slack-color);
}

[class*="bc-brand-color"] .github-button {
  --cocoon-sns-color: var(--cocoon-github-color);
}

[class*="bc-brand-color"] .codepen-button {
  background-color: var(--cocoon-codepen-color);
}

[class*="bc-brand-color"] .feedly-button {
  --cocoon-sns-color: var(--cocoon-feedly-color);
}

[class*="bc-brand-color"] .rss-button {
  --cocoon-sns-color: var(--cocoon-rss-color);
}