.family-training-banner { clear: both; margin: 18px auto 20px; width: 92%; max-width: 920px; font-family: Arial, Verdana, sans-serif; }
.family-training-banner a { display: flex; align-items: center; gap: 18px; min-height: 58px; padding: 14px 20px; border: 1px solid #546F12; background: #212121; color: #e3d9cf; text-decoration: none; box-sizing: border-box; transition: background .2s ease, color .2s ease; }
.family-training-banner a:hover { background: #546F12; color: #fff; }
.family-training-banner__tag { color: #8baa35; font-size: 10px; font-weight: bold; letter-spacing: 1.4px; }
.family-training-banner a:hover .family-training-banner__tag { color: #fff; }
.family-training-banner strong { flex: 1; font-size: 21px; line-height: 1.15; }
.family-training-banner__action { font-size: 12px; text-align: right; }
.family-training-banner__action b { margin-left: 7px; font-size: 18px; }
@media screen and (max-width: 700px) {
  .family-training-banner { width: 90vw; margin: 12px auto 16px; }
  .family-training-banner a { display: block; padding: 15px 16px; }
  .family-training-banner__tag, .family-training-banner strong, .family-training-banner__action { display: block; }
  .family-training-banner strong { margin: 6px 0 9px; font-size: 18px; }
  .family-training-banner__action { text-align: left; }
}
.family-training-banner__term { color: #b5c87a; font-size: 11px; font-weight: bold; white-space: nowrap; }