/* Clear shine for the two special home cards only. */

.home-premium-shell .home-dashboard-grid > button.home-dashboard-card[aria-label^="Open Payments Knowledge Hub"],
.home-premium-shell .home-dashboard-grid > button.home-dashboard-card[aria-label^="Open Knowledge Library"],
.home-premium-shell :is(.home-dashboard-grid, .home-dashboard-group-grid, .home-primary-actions-grid) > button.home-dashboard-card[aria-label^="Open Regional Payments & Collections"] {
  box-shadow:
    0 12px 28px rgba(7, 25, 47, 0.14),
    0 6px 16px rgba(15, 95, 168, 0.14),
    0 0 0 1px rgba(255, 255, 255, 0.72),
    0 0 30px rgba(24, 182, 215, 0.32),
    0 0 42px rgba(255, 255, 255, 0.26),
    inset 0 2px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(15, 95, 168, 0.16) !important;
}

.home-premium-shell .home-dashboard-grid > button.home-dashboard-card[aria-label^="Open Payments Knowledge Hub"]::before,
.home-premium-shell .home-dashboard-grid > button.home-dashboard-card[aria-label^="Open Knowledge Library"]::before,
.home-premium-shell :is(.home-dashboard-grid, .home-dashboard-group-grid, .home-primary-actions-grid) > button.home-dashboard-card[aria-label^="Open Regional Payments & Collections"]::before {
  background:
    radial-gradient(circle at 18% 8%, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.34) 26%, transparent 48%),
    radial-gradient(circle at 88% 22%, rgba(24, 182, 215, 0.32), transparent 46%),
    linear-gradient(112deg, transparent 0%, transparent 29%, rgba(255, 255, 255, 0.92) 43%, rgba(255, 255, 255, 0.28) 53%, transparent 66%, transparent 100%),
    radial-gradient(circle at 86% 84%, rgba(15, 95, 168, 0.16), transparent 42%) !important;
  background-size: 100% 100%, 100% 100%, 240% 100%, 100% 100% !important;
  background-position: 0 0, 0 0, -160% 0, 0 0 !important;
  opacity: 1 !important;
  animation: mbaSpecialCardShine 3.4s ease-in-out infinite !important;
}

.home-premium-shell .home-dashboard-grid > button.home-dashboard-card[aria-label^="Open Payments Knowledge Hub"]::after,
.home-premium-shell .home-dashboard-grid > button.home-dashboard-card[aria-label^="Open Knowledge Library"]::after,
.home-premium-shell :is(.home-dashboard-grid, .home-dashboard-group-grid, .home-primary-actions-grid) > button.home-dashboard-card[aria-label^="Open Regional Payments & Collections"]::after {
  opacity: 0.96 !important;
  box-shadow:
    0 0 12px rgba(24, 182, 215, 0.52),
    0 0 18px rgba(217, 154, 43, 0.36) !important;
}

@keyframes mbaSpecialCardShine {
  0%, 30% {
    background-position: 0 0, 0 0, -160% 0, 0 0;
  }
  68%, 100% {
    background-position: 0 0, 0 0, 160% 0, 0 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-premium-shell .home-dashboard-grid > button.home-dashboard-card[aria-label^="Open Payments Knowledge Hub"]::before,
  .home-premium-shell .home-dashboard-grid > button.home-dashboard-card[aria-label^="Open Knowledge Library"]::before,
  .home-premium-shell :is(.home-dashboard-grid, .home-dashboard-group-grid, .home-primary-actions-grid) > button.home-dashboard-card[aria-label^="Open Regional Payments & Collections"]::before {
    animation: none !important;
    background-position: 0 0, 0 0, 28% 0, 0 0 !important;
  }
}