.stat-card-container {
  background: linear-gradient(
    180deg,
    rgba(221, 87, 127, 0.1) 0%,
    rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #dd577f;
  /* border-radius: 12px; */
  position: relative;
  overflow: visible;
}

.stat-card-container:hover {
  background: linear-gradient(
    305.43deg,
    rgba(221, 87, 127, 0.1) 0.85%,
    rgba(0, 0, 0, 0.1) 100%
  );
}

.stat-card-container::before,
.stat-card-container::after,
.stat-card-corner-marker::before,
.stat-card-corner-marker::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: linear-gradient(180deg, #000000 0%, #dd577f 100%);
  pointer-events: none;
}

.stat-card-container::before {
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

.stat-card-container::after {
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}

.stat-card-corner-marker {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.stat-card-corner-marker::before {
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
}

.stat-card-corner-marker::after {
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}
