.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; }
@media (max-width: 800px) {
  .online-signup { align-items: stretch; flex-direction: column; padding: 25px; }
  .online-signup .button { text-align: center; }
}