form {
  legend {
    display: inline-block;
    font-family: var(--secondaryFont);
    font-size: 2rem;
    text-align: center;

    span {
      clear: both;
      display: block;
      font-size: 1rem;
      margin-bottom: 2rem;
      margin-top: 1rem;
    }
  }
}

.footer {
  display: flex;
  justify-content: flex-end;
  padding: 0.5rem 0;

  app-squared-btn {
    display: flex;
    width: 100%;
  }
}

@media (min-width: 768px) {
  app-form-field {
    flex: 0 0 calc(33.33% - 1rem);
  }

  .fields {
    display: flex;
    justify-content: space-between;
  }

  .footer {
    app-squared-btn {
      width: auto;
    }
  }
}