.payment-response-modal-card {
  border-radius: 12px;
  max-width: 480px;
}

.payment-response-modal-head {
  background-color: #f5f5f5;
  border-bottom: none;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.payment-response-title {
  font-family: 'Vollkorn', serif;
  text-align: center;
  width: 100%;
}

#payment-response-close {
  position: absolute;
  right: 15px;
}

.payment-response-modal-body {
  padding: 2rem 2.5rem;
}

.payment-response-modal-foot {
  background-color: #f5f5f5;
  border-top: none;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.payment-response-icon-success {
  color: var(--green-foliage);
  font-size: 3rem;
}

.payment-response-icon-pending {
  color: var(--mustard-sun);
  font-size: 3rem;
}

.payment-response-icon-failure {
  color: var(--marsala-denied);
  font-size: 3rem;
}