.webform-submission-form input,
.webform-submission-form textarea,
.webform-submission-form select {
  border-radius: 0;
  background-color: var(--slate);
  border: none;
  border-bottom: 1px solid #fff;
  color: #fff;
}

.webform-submission-form input:focus,
.webform-submission-form textarea:focus,
.webform-submission-form select:focus {
  background-color: var(--slate);
  color: #fff;
  outline: none;
  box-shadow: none;
}

.webform-submission-general-contact-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 2rem;
}

.webform-submission-general-contact-form .form-item-first-name,
.webform-submission-general-contact-form .form-item-last-name,
.webform-submission-general-contact-form .form-item-email,
.webform-submission-general-contact-form .form-item-phone-number {
  grid-column: span 1;
}

.webform-submission-general-contact-form .form-item-message,
.webform-submission-general-contact-form .form-actions {
  grid-column: span 2;
}

.webform-submission-form .webform-button--submit {
  background-color: var(--tgold);
  border-color: var(--tgold);
  border-radius: 0;
  color: #fff;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.webform-submission-form .webform-button--submit:hover {
  background-color: var(--tgold-hover);
  border-color: var(--tgold-hover);
  color: var(--slate);
}

@media (max-width: 768px) {
  .webform-submission-general-contact-form {
    grid-template-columns: 1fr;
  }

  .webform-submission-general-contact-form .form-item-message,
  .webform-submission-general-contact-form .form-actions {
    grid-column: span 1;
  }
}