.c-sun-circle,
.c-coral-circle,
.c-lavender-circle {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.c-sun-circle {
  background: var(--color-accent-sun-soft);
}

.c-coral-circle {
  background: color-mix(in srgb, var(--color-accent-coral) 34%, transparent);
}

.c-lavender-circle {
  background: color-mix(in srgb, var(--color-accent-lavender) 72%, transparent);
}

.c-ring-sun,
.c-ring-coral {
  position: absolute;
  border: 14px solid;
  border-radius: 50%;
  pointer-events: none;
}

.c-ring-sun {
  border-color: var(--color-accent-sun);
}

.c-ring-coral {
  border-color: var(--color-accent-coral);
}