/* Theme: Aurora */

.ms-theme-aurora {
  background-size: 200% 200%;
  animation: ms-aurora 12s ease infinite;
}
@keyframes ms-aurora {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.ms-theme-aurora .ms-link {
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.25);
  color: #fff;
  backdrop-filter: blur(12px);
}
.ms-theme-aurora[data-button="pill"] .ms-link {
  background: rgba(167,139,250,0.35);
  border-color: rgba(255,255,255,0.3);
}