/* === celebrate banner === */

.celebrate-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
  border-radius: var(--radius);
  margin-bottom: 1.5rem;
  background: linear-gradient(135deg, #f8ffe4, #efffc6);
  border: 2px solid var(--primary-light);
  box-shadow: var(--shadow);
}

.celebrate-banner.celebrate-done {
  background: linear-gradient(135deg, #effefa, #cafdf1);
  border-color: var(--success-light);
}

.celebrate-banner-content {
  display: flex;
  align-items: center;
  gap: 0.85rem;
}

.celebrate-banner-icon {
  font-size: 1.5rem;
  line-height: 1;
}

.celebrate-banner strong {
  font-size: 0.95rem;
}