.card {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-areas: "header" "body";
  padding: 2rem;
  border: 1px solid #888;
  width: min(100%, 40rem);
  background: linear-gradient(to bottom, rgba(0, 125, 251, 0.154), rgba(0, 125, 251, 0.271));
  border-radius: 3rem;
}

.card__header {
  grid-area: header;
  padding: 1rem;
}

.card__body {
  grid-area: body;
  padding: 1rem;
}

.card__bg {
  position: relative;
  grid-area: body;
 background: linear-gradient(25deg, rgba(255, 255, 255, 0.054), rgba(255, 255, 255, 0.08));
  z-index: -1;
  border-radius: 1rem;
}