form.cod-form {
  &.card {
    width: 80%;
    max-width: 20em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1em;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    border-radius: .5em;
    padding: 1em 1.5em;
    background-color: #ffffff;
  }

  h1 {
    margin: 0;
  }

  div {
    &.actions {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;

      &.reversed {
        flex-direction: row-reverse;
      }
    }

    &.form-field {
      display: flex;
      flex-direction: column;
      position: relative;
      gap: .1em;

      mat-icon {
        position: absolute;
        top: 1.3em;
        left: .5em;
        color: #777;
      }

      label {
        flex: 1;
        font-style: italic;
        padding-left: 1em;
        color: #777;

        .required {
          color: red;
        }
      }

      input {
        flex: 1;
        background-color: #eeeeee;
        border: none;
        border-radius: 10em;
        padding: 1em 1em 1em 3em;
      }
    }
  }
}