.banner-buttons {
  display: flex;
  gap: 20px;
  margin-top: 50px;
  flex-wrap: wrap; /* ensures stacking on small screens */
}

@media (max-width: 576px) {
  .banner-buttons {
    flex-direction: column;
    align-items: center;
    row-gap: 30px;
  }

  .banner-btn{
    width: 70%;
  }
}