form.cform {
  position: relative;
  display: flex;

  flex-direction: column;

  margin: 10px 0;

  width: 100%;

  padding: 10px 0;
}

form.cform .cform-inputgroup {
  position: relative;
  display: flex;

  flex-direction: column;

  margin: 5px 0;

  width: 100%;
}

form.cform .cform-inputgroup > .cform-inputlabel {
  margin: 10px 0;

  font-weight: 600;
  font-size: 18px;
}

form.cform .cform-inputgroup > input.cform-input,
form.cform .cform-inputgroup > textarea.cform-input,
form.cform .cform-inputgroup > select.cform-input {
  position: relative;
  display: flex;

  width: 100%;

  padding: 10px;

  border: 0;
  border: 2px solid rgba(0, 0, 0, 0.4);

  font-weight: 500;
  font-size: 15px;

  background: rgba(0, 0, 0, 0);
}

form.cform .cform-inputgroup > .cform-inputerror {
  margin: 5px 0;

  font-weight: 400;
  font-size: 14px;

  color: #af0505;
}


/* BUTTONS. */
form.cform .cform-buttonsgroup {
  position: relative;
  display: flex;

  flex-direction: row;

  justify-content: flex-end;

  margin: 5px 0;

  width: 100%;
}

form.cform input.cform-button,
form.cform button.cform-button {
  cursor: pointer;
  position: relative;
  display: flex;

  margin: 5px 0;
  margin-right: 10px;

  width: fit-content;

  padding: 10px 30px;

  border: 0;
  border: 2px solid #af0505;

  font-weight: 600;
  font-size: 15px;

  color: #af0505;

  background: rgba(0, 0, 0, 0);

  transition: 0.25s all ease-out;
}
form.cform input.cform-button:first-child,
form.cform button.cform-button:first-child {
  margin-right: 0;
}
form.cform input.cform-button:hover,
form.cform button.cform-button:hover {
  color: white;
  background: #af0505;
}
