button {
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  background-color: #4caf50;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  grid-column: span 3; /* Ocupa las tres columnas */
}

button:hover {
  background-color: #45a049;
}

@media (max-width: 1024px) {
  button {
    grid-column: span 2; /* Ocupa las dos columnas */
  }
}

@media (max-width: 768px) {
  button {
    grid-column: span 1; /* Ocupa una columna */
  }
}