Stats preview card component [7]

main {
  position: relative;
  width: 90%;
  max-width: 375px;
  margin: 0 auto;
  margin-top: 20px;
  background: var(---darkDesaturatedBlue-cardBG);
  border-radius: 7px;
}

main::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 500px;
  height: 100%;;
  background-color: hsla(277, 64%, 61%);
  mix-blend-mode: multiply;
  opacity: .8;
}