.container {
  max-width: 1100px;
  margin-inline: auto;
  padding-inline: 1.25rem;
}

.container.narrow {
  max-width: 720px;
}

.section {
  padding-block: 3rem;
}

.section.highlight {
  background: linear-gradient(
    135deg,
    rgba(0,234,255,0.06),
    rgba(0,234,255,0.02)
  );
}

.section.subtle {
  background: rgba(255,255,255,0.02);
}
/* Recommendation box */

.recommendation-box {
  padding: 1.5rem 1.6rem;
  border-radius: 20px;

  background: rgba(0,0,0,0.35);
  border: 1px solid rgba(255,255,255,0.1);

  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.recommendation-box .btn {
  margin-top: 0.4rem;
  align-self: flex-start;
}