/* Basic host styling */
:host {
  display: block;
}

/* Basic reset for elements used */
h2,
p {
  margin: 0;
}

/* Styles specific to the success view */
.success-view {
  background-color: #eff6ff; /* Background from original CSS */
  padding: 0.5rem 1rem;
  border-radius: var(--space-12);
  display: flex;
  flex-direction: column;
  gap: var(--space-8); /* Gap between elements */
  align-items: center; /* Center content */
  text-align: center; /* Center text */
}

.success-view h2 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--primary-blue); /* Specific color for success title */
  /* text-align: center; */ /* Already centered by container */
}

.success-view p {
  font-size: 0.875rem;
  color: var(--primary-black);
  /* text-align: center; */ /* Already centered by container */
}

/* Button styles removed as they are not currently used */