.three {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 900px) {
  .three {
    grid-template-columns: 1fr;
  }
}

.danger-button {
  color: #d84c55;
  background: #fff;
  border-color: #efb8bc;
}

.danger-button:hover:not(:disabled) {
  color: #fff;
  background: #d84c55;
  border-color: #d84c55;
}