/* ===================================
   Success Page Styles
   =================================== */

.success-message {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.success-message__icon {
  width: 64px;
  height: 64px;
  color: #009933;
  margin-bottom: var(--spacing-md);
}

.success-message__title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

.success-message__text {
  font-size: 18px;
  color: var(--color-dark-gray);
  margin-bottom: var(--spacing-xl);
  line-height: 1.6;
}

.success-message__btn {
  display: inline-block;
}

@media (min-width: 640px) {
  .success-message__title {
    font-size: 48px;
  }
}