.online-signup {
  margin-top: 34px;
  background: #111;
  color: var(--bone);
  padding: 30px 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  border-left: 5px solid var(--red);
}
.online-signup span { font: 800 10px Inter; letter-spacing: 2px; color: var(--red); }
.online-signup h3 { font: 900 34px/1 'Barlow Condensed'; margin: 8px 0; }
.online-signup p { margin: 0; color: #aaa; font-size: 13px; }
.online-signup .button { white-space: nowrap; }
.pass-link {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
}
.pass-link em {
  display: inline-block;
  margin-top: 22px;
  padding-bottom: 4px;
  border-bottom: 2px solid var(--red);
  color: #111;
  font: 800 10px Inter;
  font-style: normal;
  letter-spacing: 1.2px;
}
.featured .pass-link em { color: #fff; border-color: #fff; }
.price-grid article { transition: transform .2s ease, box-shadow .2s ease; }
.price-grid article:hover { transform: translateY(-5px); box-shadow: 0 16px 35px #0002; }
.price-grid article.featured:hover { transform: translateY(-19px); }
.term-link { color: #111; text-decoration: none; border-bottom: 1px solid #777; padding-bottom: 3px; }
.term-link:hover { color: var(--red); border-color: var(--red); }
@media (max-width: 800px) {
  .online-signup { align-items: stretch; flex-direction: column; padding: 25px; }
  .online-signup .button { text-align: center; }
  .price-grid article.featured:hover { transform: translateY(-5px); }
}