.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); }