/**
 * @todo convert to styled
 */
export const formButtonStyles = styled.global`
.form-wrapper {
  .button-group {
    display: flex;
    align-items: center;
  }

  .button {
    margin: rem(16);
    width: rem(200);
    height: rem(40);
    border-radius: $border-radius;
    font-weight: bold;
    border: none;
    cursor: pointer;
    color: $colors-main-background;
    text-transform: uppercase;
  }

  .button-blue {
    background-color: $colors-secondary;
  }

  .button-gray {
    background-color: $colors-lightgrey;
  }
}
`