.medium-popup.car-loan-form-popup {
  max-width: 40rem;
  width: 40rem;
}

.car-loan-form-popup__header {
  background: var(--primary-color-2);
  color: var(--wp--preset--color--white);
  font-size: 1.325rem;
  padding: 1rem 1.5rem;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
.car-loan-form-popup__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.medium-popup__content {
  padding-right: 1rem;
}

.medium-popup__exit-button {
  color: var(--primary-color-2);
  background: var(--wp--preset--color--white);
}

.car-loan-form-popup__form .error-message {
  color: red;
  font-size: 0.875rem;
}

.car-loan-title,
.car-loan-request-btn {
  font-weight: 600;
  font-size: 2.25rem;
}

.car-loan-request-btn {
  animation: bounce 0.6s infinite;
  margin-top: 0.3rem;
  background: transparent;
  outline: none;
  border: none;
  color: var(--secondary-color);
  transition: color 0.3s ease, transform 0.1s ease;
  user-select: none;
}

.car-loan-request-btn:hover {
  cursor: pointer;
  color: #e0a61f;
}

.car-loan-request-btn:focus,
.car-loan-request-btn:active {
  outline: none;
  box-shadow: none;
  background-color: transparent;
}

.car-loan-request-btn:active {
  transform: scale(0.98);
}

@media (max-width: 968px) {
  .medium-popup.car-loan-form-popup {
    width: 36rem;
  }
}

@media (max-width: 720px) {
  .medium-popup.car-loan-form-popup {
    width: 32rem;
  }

  .car-loan-form-popup__header {
    font-size: 1.25rem;
  }
}

@media (max-width: 480px) {
  .medium-popup.car-loan-form-popup {
    width: 24rem;
  }

  .car-loan-form-popup__header {
    font-size: 1rem;
  }
}