/* 対象は JS でトップ行きと確認した本文 CTA のみ。青の原型は既存 CSS を使う。 */
#post-body-content a[data-bbtn-target] { max-width: calc(100% - 10px); white-space: normal; overflow-wrap: anywhere; }
#post-body-content.bbtn-color-pink a[data-bbtn-target] {
  background-color: #f8aaaa; border-color: #f8aaaa; color: #fff;
  /* ピンクの面の白文字はコントラストが低いので太字にする（縁取りはブランドの基準でやらない）。 */
  font-weight: 700;
}
#post-body-content.bbtn-color-gray a[data-bbtn-target] { background-color: #414141; border-color: #414141; color: #fff; }
#post-body-content.bbtn-color-mint a[data-bbtn-target] { background-color: #a8c8c0; border-color: #a8c8c0; color: #303030; }
#post-body-content.bbtn-shape-pill a[data-bbtn-target] { border-radius: 50px; }
#post-body-content.bbtn-shape-pill a[data-bbtn-target]::before { border-radius: inherit; }
#post-body-content.bbtn-size-large a[data-bbtn-target] { font-size: 1.5rem; padding: 1rem 1.75rem; }
#post-body-content a[data-bbtn-target]:focus-visible { outline: 3px solid #303030; outline-offset: 4px; }
@media (max-width: 575.98px) {
  #post-body-content.bbtn-size-mobile-full a[data-bbtn-target] { display: block; width: 100%; max-width: 100%; margin-right: 0 !important; text-align: center; }
  #post-body-content.bbtn-size-large a[data-bbtn-target] { padding: 1rem; }
}