.group__button {
  --group-button-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--group-button-flex-direction);
          flex-direction: var(--group-button-flex-direction);
  gap: var(--space);
  width: 100%; }
  .group__button .button {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .group__button_column_2 {
    --group-button-flex-direction: row; }
    .group__button_column_2 .button {
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      -ms-flex-negative: 1;
          flex-shrink: 1;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; }
  @media (min-width: 600px) {
    .group__button {
      --group-button-flex-direction: row; }
      .group__button .button {
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
        -ms-flex-negative: 1;
            flex-shrink: 1;
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0; } }