.watermelon-sorbet {
    --pattern: #ef476f, #ffd166, #06d6a0, #118ab2, #073b4c, #ef476f;
}

.watermelon-sorbet::before,
.watermelon-sorbet::after {
    content: "";
    position: absolute;
    inset: calc(var(--border-width) * -1);
    border-radius: inherit;
    z-index: -1;
    background: conic-gradient(from var(--angle), var(--pattern));
    animation: spin 3s linear infinite;
}

.aurora-sweep::part(container) {
  --hover-tilt-custom-gradient: conic-gradient(
    from calc(var(--hover-tilt-angle, 0)) at center center,
    rgba(255, 255, 255, calc(var(--hover-tilt-glare-intensity, 1) * 0.9)),
    rgba(6, 182, 212, calc(var(--hover-tilt-glare-intensity, 1) * 0.7)),
    rgba(255, 255, 255, calc(var(--hover-tilt-glare-intensity, 1) * 0.9))
  );
}