.invalid-feedback,
.empty-feedback {
  display: none;
}

.was-validated :placeholder-shown:invalid ~ .empty-feedback {
  display: block;
}

.was-validated :not(:placeholder-shown):invalid ~ .invalid-feedback {
  display: block;
}

.is-invalid,
.was-validated :invalid {
  border-color: #dc3545;
}

.wrapper-btn{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

#result{
    position: absolute;
    top: -25px;
    white-space: nowrap;
}

#result-small{
    position: absolute;
    top: 60px;
    white-space: nowrap;
}

input[type="submit"] {
  cursor: pointer;
}


@media (max-width: 767px) {
  .wrapper-btn{
    position: relative;
    width: 100%;
    align-items: center;
  }
  #result{
    position: static;
    order: 1;
}

#result-small{
    position: static;
    order: 2;
}
}