body{
    background-color: antiquewhite;
}


.btn {
  font-size: 1.2rem;
  padding: 1rem 2.5rem;
  border: none;
  outline: none;
  border-radius: 0.4rem;
  cursor: pointer;
  text-transform: uppercase;
  background-color: antiquewhite;
  color: black;
  font-weight: 700;
  transition: 0.6s;
  -webkit-box-reflect: none; /* Elimina el reflejo para que no se vea raro */
  display: inline-block;
  margin: 0;
}

.btn:active {
  scale: 0.92;
}

.btn:hover {
  background: rgb(211, 202, 164);
  background: linear-gradient(270deg, rgba(217, 201, 169, 0.681) 0%, rgba(171, 210, 214, 0.873) 60%);
  color: rgb(211, 202, 164);
  color: black;
  text-decoration-color: black;
}

.header-flex {
  display: flex;
  align-items: center;
  gap: 200px; /* Espacio entre logo y botones */
  margin-top: 20px;
  margin-left: 20px;
}

.buttons-group {
  display: flex;
  gap: 60px; /* Espacio entre los botones */
}


.btn_recursos {
  font-size: 1.2rem;
  padding: 1rem 2.5rem;
  border: none;
  outline: none;
  border-radius: 0.4rem;
  cursor: pointer;
  text-transform: uppercase;
  background-color: antiquewhite;
  color: black;
  font-weight: 700;
  transition: 0.6s;
  -webkit-box-reflect: none; /* Elimina el reflejo para que no se vea raro */
  display: inline-block;
  margin: 0;

}

.btn_recursos:active {
  scale: 0.92;
}

.btn_recursos:hover {
  background: rgb(211, 202, 164);
  background: linear-gradient(270deg, rgba(217, 201, 169, 0.681) 0%, rgba(171, 210, 214, 0.873) 60%);
  color: rgb(211, 202, 164);
  color: black;
  text-decoration-color: black;
}