body {
  height: 100dvh;
  margin: 0;
  display: grid;
  place-content: center;
  min-width: 20rem;
}

main {
  background-color: rgb(0, 252, 255);
  width: 15rem;
  height: 20rem;
}

.text {
  visibility: hidden;
  display: inline-block;
  margin: 5rem 3.5rem;
  color: black;
}

main:hover {
  background-color: rgb(0, 125, 128);
}

main:hover .text {
  visibility: visible;
}