/* ===================================================
   OWNVIBE | Gradient Border – Round / Circle
   =================================================== */

.sto-border-gradient-round {
  --c1: #dc5c82;
  --c2: #dceb3c;
  --c3: #87d2d7;
  --bw: 1.5px;

  position: relative;
  border-radius: 999px;
  background: transparent;
}

.sto-border-gradient-round::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: var(--bw);
  border-radius: 999px;

  background: linear-gradient(
    90deg,
    var(--c1) 0%,
    var(--c2) 50%,
    var(--c3) 100%
  );

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;

  pointer-events: none;
}