#amounts {
  border-radius: 16px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16px;
  gap: 16px;
}
@media screen and (max-width: 1340px) {
  #amounts {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media screen and (max-width: 860px) {
  #amounts {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}