/* ==================================================
   BUTTON VARIANTS
================================================== */
.buttons-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 20px auto;
}

.button1 { background-color: #f44336; }
.button2 { background-color: #008cba; }
.button3 { background-color: #ffd700; }
.button4 { background-color: #04aa6d; }
.button5 { background-color: #008000; }
.button6 { background-color: #00ced1; }
.button7 { background-color: #ba55d3; }
.button8 { background-color: #8b87ff; }

@media (max-width: 600px) {
  .button {
    width: 48%;
    font-size: 14px;
    padding: 10px 0;
  }
}