.lippee-contact-form {
  max-width: 760px;
  padding: 22px 22px 18px;
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: 14px;
  background: rgba(255, 255, 255, .55);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .04);
}

.lippee-contact-row { margin: 0 0 16px; }

.lippee-contact-label {
  display: block;
  margin: 0 0 7px;
  font-weight: 600;
  color: rgba(0, 0, 0, .78);
  letter-spacing: .1px;
}

.lippee-contact-input,
.lippee-contact-textarea,
.lippee-contact-select {
  width: 100%;
  padding: 11px 12px;
  border: 1px solid rgba(0, 0, 0, .16);
  border-radius: 10px;
  font: inherit;
  background: rgba(255, 255, 255, .9);
  transition: border-color .15s ease, box-shadow .15s ease;
}

.lippee-contact-textarea {
  min-height: 170px;
  resize: vertical;
}

.lippee-contact-input:focus,
.lippee-contact-textarea:focus,
.lippee-contact-select:focus {
  outline: none;
  border-color: rgba(93, 46, 23, .45);
  box-shadow: 0 0 0 3px rgba(93, 46, 23, .12);
}

.lippee-contact-help {
  font-size: .95em;
  opacity: .75;
  margin-top: 7px;
}

.lippee-contact-error {
  padding: 12px 14px;
  border: 1px solid rgba(180, 0, 0, .22);
  background: rgba(180, 0, 0, .05);
  border-radius: 12px;
  margin: 0 0 14px;
}

.lippee-contact-success {
  padding: 12px 14px;
  border: 1px solid rgba(0, 120, 0, .18);
  background: rgba(0, 120, 0, .05);
  border-radius: 12px;
  margin: 0 0 16px;
}

.lippee-hp {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.lippee-contact-submit {
  padding: 12px 18px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, .08);
  cursor: pointer;
  font-weight: 700;
  letter-spacing: .2px;
  background: #D39A3A;
  color: #fff;
  transition: transform .06s ease, filter .15s ease;
}

.lippee-contact-submit:hover  { filter: brightness(0.95); }
.lippee-contact-submit:active { transform: translateY(1px); }

.lippee-contact-row input[type="checkbox"] { transform: translateY(1px); }
