.buttons {
  display: flex;
  flex-wrap: wrap;
}

.buttons__button {
  background: transparent;
  color: teal;
  border: none;
  margin: 0 0 0 20px;
  transition: 0.6s;
}

@media (max-width: 767px) {
  .buttons__button {
    flex-basis: 100%;
    margin: 10px;
  }
}

.buttons__button:hover {
  color: hsl(180, 100%, 35%);
}

.buttons__button:disabled {
  color: #ccc;
}