.contact .form-control {
  margin-bottom: 2em;
  margin-bottom: clamp(1.2em, 5vw, 2em);
  position: relative;
  padding-bottom: 1em;
  display: flex;
  flex-direction: column;
  width: 80%;
}
.contact .form-control textarea {
  border: none;
  border-bottom: 1.5px solid #999;
  display: block;
  width: 70%;
  padding: 1em 1em 0.2em 0;
  font-size: 1em;
  font-size: clamp(0.7em, 2.5vw, 1em);
  transition: border-bottom 0.5s ease, width 0.7s ease;
}
.contact .form-control textarea:focus {
  outline: 0;
  border-bottom: 2px solid rgb(18, 50, 28);
  width: 80%;
}
.contact .form-control input {
  border: none;
  border-bottom: 1.5px solid #999;
  display: block;
  width: 70%;
  padding: 1em 1em 0.2em 0;
  font-size: 1em;
  font-size: clamp(0.7em, 2.5vw, 1em);
  transition: border-bottom 0.5s ease, width 0.7s ease;
}
.contact .form-control input:focus {
  outline: 0;
  border-bottom: 2px solid rgb(18, 50, 28);
  width: 80%;
}
.contact .form-control.success input,
.contact .form-control.success textarea {
  border-bottom: 2px solid #07795b;
}
.contact .form-control.error input,
.contact .form-control.error textarea {
  border-bottom: 2px solid #e61106;
}
.contact .form-control small {
  color: #e61106;
  display: flex;
  justify-content: center;
  visibility: hidden;
  position: absolute;
  bottom: -10%;
  right: 30%;
}
.contact .form-control.error small {
  visibility: visible;
}
.contact .contact-button {
  display: flex;
  gap: 0.7em;
  align-items: center;
  padding-block: 0.7em;
  padding-block: clamp(0.5em, 2vw, 0.7em);
  padding-inline: 1.8em;
  padding-inline: clamp(1.2em, 2vw, 1.8em);
  background-color: #fff;
  border: 2px solid #000;
  transition: border 0.7s ease, background-color 0.7s ease;
  cursor: pointer;
}
.contact .contact-button .img-container {
  width: 1.5em;
  height: 1.5em;
}
.contact .contact-button:hover {
  border: 2px solid #fff;
  background-color: #000;
  color: #fff;
}
.contact .contact-button:hover .img-container {
  filter: invert(100%) sepia(50%) saturate(150%) hue-rotate(87deg) brightness(119%) contrast(119%);
}

@media (max-width: 650px) {
  .contact .form-control {
    width: 100%;
  }
  .contact .form-control textarea {
    width: 100%;
  }
  .contact .form-control input {
    width: 100%;
  }
  .contact .form-control small {
    bottom: -10%;
    right: 0;
  }
}