.contact-form {
  display: grid;
  gap: 8px;
  padding: 24px;
  border: 1px solid #3b3935;
  background: #141616;
}

.contact-form label {
  color: #d8d2c9;
  font-size: 11px;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
  width: 100%;
  padding: 11px;
  border: 1px solid #4b4842;
  background: #0c0d0d;
  color: #fff;
  font: inherit;
  font-size: 13px;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  outline: 2px solid #bd8b41;
  outline-offset: 1px;
}

.contact-form textarea { resize: vertical; }
.contact-form .contact-consent { display: flex; align-items: flex-start; gap: 8px; margin: 4px 0; line-height: 1.45; }
.contact-form .contact-consent input { width: auto; margin-top: 2px; }
.contact-form a { color: #d3a254; }
.contact-form .gold-button { justify-self: start; cursor: pointer; }

@media (max-width: 560px) {
  .contact-form { padding: 18px; }
}