.activity_wrapper {
  background: #f1f1f1;
  margin:auto;
  width: fit-content;
  height: fit-content;
  padding: 1rem;
  background: #f1f1f1;
  box-shadow: -2px -2px 20px rgba(255, 255, 255, 0.69),
    5px 5px 12px rgba(221, 221, 221, 0.99), inset -20px -20px 30px #ebebeb,
    inset 10px 10px 10px #ffffff;
  border-radius: 21px;
}

.activity_image {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: 100% -9% !important;
  box-shadow: 5px 2px 28px rgba(255, 255, 225, 0.69),
    3px 5px 7px rgba(221, 221, 221, 0.99), inset -7px -19px 29px #ebebeb,
    inset 0px 1px 8px 8px #ffffff;
  border-radius: 21px;
  @apply w-40 aspect-square max-w-[10rem];
}

.activity_text_content {
  @apply max-w-[10rem];
}

.activity_title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 23px;
  color: #e44672;
  margin-top: 1rem;
}

.activity_border {
  margin: 0.3rem 0rem;
  border: 2px solid #e44672;
  box-shadow: 0px 1px 1px #ffffff, inset 0px 2px 2px rgba(255, 186, 205, 0.54);
}

.activity_message {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #626262;
}