.dia {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dia__boton {
  position: relative;
  width: 45rem;
  height: 15rem;

  background: rgba(255, 255, 255, 1);

  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 1) 0%,
    rgb(99, 99, 99) 77%,
    rgba(0, 0, 0, 1) 100%
  );
  border: outset 4px solid rgba(33, 33, 33, 0.68);
  border-radius: 2rem;
  box-shadow: 12px 12px 5px rgba(33, 33, 33, 0.68),
    20px 20px 10px rgba(33, 33, 33, 0.68);
}
.boton__dia,
.boton__noche {
  position: absolute;
  text-align: center;
  font-size: 9rem;
  top: 3rem;
  transition: all 500ms ease-in-out;
}
.boton__dia {
  left: 2rem;
  padding-left: 5px;
}

.boton__noche {
  right: 2rem;
  color: white;
  padding-right: 5px;
}