.fetus_status_grid {
  @apply mt-3 p-8 text-xs;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  background: #f1f1f1;
  box-shadow: -5px -5px 20px rgba(255, 255, 255, 0.69), 15px 15px 50px #dddddd,
    inset -20px -20px 30px #ebebeb, inset 10px 10px 10px #ffffff;
  border-radius: 21px;
}

.info_wrapper {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-end;
  width: 80px;
  height: 65px;
  background: #f1f1f1;
  box-shadow: inset -5px -5px 10px rgba(255, 255, 255, 0.81),
    inset 5px 5px 10px #e4e4e4;
  border-radius: 8px;
  .info_wrapper--detail {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #e44672;

    @apply text-center text-primary-pink w-full;
  }
  .info_wrapper--label {
    @apply sm:text-lg text-center w-full;
    height: 16px;
    font-family: "Roboto";
    font-weight: 600;
    font-size: 14px;
    color: #000000;
  }
}

.elementB {
  animation: fade-in 3s ease-in-out infinite;
  animation-delay: 3s;
}