/* 記事内CTAボタン（ブロックパターン grid-navi/article-cta）
   本文の文字サイズに近いピル型。通常は #3c5c9b 塗り、ホバーで白地＋同色の枠と文字。 */

.wp-block-buttons.c-article-cta {
  margin-top: 32px;
  margin-top: 2rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.c-article-cta .wp-block-button {
  width: auto;
}

.c-article-cta .wp-block-button__link,
.column-detail__content .c-article-cta .wp-block-button__link {
  display: inline-block;
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
  padding: 10px 22px;
  padding: 0.625rem 1.375rem;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #3c5c9b;
  border: 2px solid #3c5c9b;
  border: 0.125rem solid #3c5c9b;
  border-radius: 9999px;
  box-shadow: none;
  opacity: 1;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

@media screen and (min-width: 768px) {
  .c-article-cta .wp-block-button__link,
  .column-detail__content .c-article-cta .wp-block-button__link {
    padding: 12px 28px;
    padding: 0.75rem 1.75rem;
    font-size: 16px;
    font-size: 1rem;
  }
}

@media (any-hover: hover) {
  .c-article-cta .wp-block-button__link:hover,
  .column-detail__content .c-article-cta .wp-block-button__link:hover {
    color: #3c5c9b;
    background-color: #fff;
    border-color: #3c5c9b;
    opacity: 1;
  }
}

.c-article-cta .wp-block-button__link:focus-visible,
.column-detail__content .c-article-cta .wp-block-button__link:focus-visible {
  color: #3c5c9b;
  background-color: #fff;
  border-color: #3c5c9b;
  outline: 2px solid #3c5c9b;
  outline: 0.125rem solid #3c5c9b;
  outline-offset: 3px;
  outline-offset: 0.1875rem;
  opacity: 1;
}