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

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

/* Styles specific to the thanks card view */
.thanks-card {
  background-color: white; /* Specific background */
  padding: 0.5rem 1rem;
  border-radius: var(--space-12);
  display: flex;
  flex-direction: column;
  gap: var(--space-14); /* Specific gap */
  /* Add alignment or other container styles if needed */
  align-items: center; /* Example: Center content */
  text-align: center; /* Example: Center text */
}

.card-header {
  /* Add specific styles for the header container if needed */
  width: 100%; /* Example: Make header take full width */
}

.thanks-card h2 {
  color: #008000; /* Specific success color */
  font-size: 1rem;
  font-weight: 500;
}