@import './../../functions', './../../mixins', './../../variables';

$base-form: (
  'padding': 40,
);

@layer components {
  .form {
    width: 100%;
    position: relative;
    padding: px-to-rem(get-map($base-form, 'padding'));
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    box-sizing: border-box;

    .error {
      font-style: italic;
    }

    .cta {
      width: 100%;
      text-align: right;

      &.center {
        text-align: center;
      }
    }
  }
}
