/* ========================================
   モバイル向けボタン余白最小化
   全ての「無料トライアルお申し込み」ボタンの余白を最小化
======================================== */

/* シルバーCTAボタン（インラインスタイルを上書き） */
.silver-cta-button {
  padding: 22px 50px !important;
  font-size: 1.4em !important;
}

/* タブレット対応 (768px以下) */
@media (max-width: 768px) {
  /* シルバーCTAボタン */
  .silver-cta-button {
    padding: 10px 20px !important;
    font-size: 1.1em !important;
  }
  
  /* トライアルCTAプライマリボタン */
  .trial-cta-primary {
    padding: 10px 20px !important;
    font-size: 1rem !important;
  }
  
  /* トライアルCTAコンテンツの余白調整 */
  .trial-cta-content {
    padding: 30px 20px !important;
  }
}

/* スマートフォン対応 (480px以下) */
@media (max-width: 480px) {
  /* シルバーCTAボタン */
  .silver-cta-button {
    padding: 8px 16px !important;
    font-size: 1rem !important;
    border-radius: 50px !important;
  }
  
  /* トライアルCTAプライマリボタン */
  .trial-cta-primary {
    padding: 8px 16px !important;
    font-size: 0.95rem !important;
  }
  
  /* トライアルCTAコンテンツの余白調整 */
  .trial-cta-content {
    padding: 20px 15px !important;
  }
  
  /* シルバーCTAタイトルの余白も調整 */
  .silver-cta-title {
    font-size: 1.8rem !important;
    margin-bottom: 15px !important;
  }
  
  /* ベネフィットピルの余白調整 */
  .benefit-pill {
    padding: 6px 12px !important;
    font-size: 0.75rem !important;
  }
  
  /* フィーチャーアイテムの余白調整 */
  .trial-feature-item {
    padding: 6px 10px !important;
    font-size: 0.75rem !important;
  }
}

/* 極小スマホ対応 (375px以下) */
@media (max-width: 375px) {
  /* シルバーCTAボタン */
  .silver-cta-button {
    padding: 7px 14px !important;
    font-size: 0.95rem !important;
  }
  
  /* トライアルCTAプライマリボタン */
  .trial-cta-primary {
    padding: 7px 14px !important;
    font-size: 0.9rem !important;
  }
  
  /* トライアルCTAコンテンツの余白調整 */
  .trial-cta-content {
    padding: 18px 12px !important;
  }
  
  /* シルバーCTAタイトルのフォントサイズ */
  .silver-cta-title {
    font-size: 1.5rem !important;
  }
  
  /* ベネフィットピルの余白調整 */
  .benefit-pill {
    padding: 5px 10px !important;
    font-size: 0.7rem !important;
  }
  
  /* フィーチャーアイテムの余白調整 */
  .trial-feature-item {
    padding: 5px 8px !important;
    font-size: 0.7rem !important;
  }
}

/* ========================================
   料金プランボタンの余白最小化
======================================== */

/* 料金プランCTAボタン */
@media (max-width: 768px) {
  .plan-cta {
    padding: 10px 20px !important;
    font-size: 0.95rem !important;
  }
}

@media (max-width: 480px) {
  .plan-cta {
    padding: 8px 16px !important;
    font-size: 0.9rem !important;
  }
}

@media (max-width: 375px) {
  .plan-cta {
    padding: 7px 14px !important;
    font-size: 0.85rem !important;
  }
}

/* ========================================
   共通ボタンクラスの余白最小化
======================================== */

@media (max-width: 768px) {
  .btn-primary,
  .cta-button,
  button[class*="trial"],
  a[class*="trial"] {
    padding: 10px 20px !important;
  }
}

@media (max-width: 480px) {
  .btn-primary,
  .cta-button,
  button[class*="trial"],
  a[class*="trial"] {
    padding: 8px 16px !important;
  }
}

@media (max-width: 375px) {
  .btn-primary,
  .cta-button,
  button[class*="trial"],
  a[class*="trial"] {
    padding: 7px 14px !important;
  }
}