.hk-image-rights-banner {
  display: block;
  margin: 0 0 16px 0;
  padding: 12px 16px;
  background: #fef2f2;
  border: 1px solid #ef4444;
  border-left: 4px solid #ef4444;
  border-radius: 10px;
  color: #991b1b;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.12);
  animation: hkImageRightsBannerIn .3s ease-out;
}

@keyframes hkImageRightsBannerIn {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes hkImageRightsShake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-6px); }
  40%, 80% { transform: translateX(6px); }
}

.hk-image-rights-shake {
  animation: hkImageRightsShake .4s ease-in-out;
}

/* Refuerzo visual sobre el wrapper requerido del toggle ya existente. */
.hk-consent-toggle-wrapper--required .hk-image-rights-shake .hk-consent-toggle__track,
.hk-image-rights-shake .hk-consent-toggle__track {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.18);
}