/* COLORS */
/* TYPOGRAPHY */
/* ---- MEDIA QUERIES ----- */
.buttons .heading {
  text-align: center;
  font-weight: 400;
}
.buttons .button-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.9rem 1.7rem;
  max-width: 69.5rem;
  margin: 3.6rem auto 0;
}

@media (max-width: 1280px) {
  .buttons .heading {
    text-align: center;
  }
  .buttons .button-group {
    grid-template-columns: 1fr 1fr;
    gap: 1.6rem 1.7rem;
  }
}
@media (max-width: 450px) {
  .buttons .content {
    padding-left: 27px;
    padding-right: 27px;
  }
  .buttons .button-group {
    grid-template-columns: 1fr;
    gap: 0.6rem;
    margin: 1.5rem auto 0;
  }
}