:root {
  --wp--preset--spacing--10: 10px;
  --wp--preset--spacing--20: 20px;
  --wp--preset--spacing--30: 30px;
  --wp--preset--spacing--40: 40px;
  --wp--preset--spacing--50: 50px;
  --wp--preset--spacing--60: 60px;
  --wp--preset--spacing--70: 70px;
  --wp--preset--spacing--80: 80px;
  --wp--preset--spacing--90: 90px;
  --wp--preset--spacing--100: 100px;
  --wp--preset--spacing--120: 120px;
  --wp--preset--spacing--150: 150px;
  --wp--preset--spacing--200: 200px;
  
  
}

.wp-block-group__inner-container { 
  gap: var(--wp--style--block-gap); 
}


.wp-block-buttons.is-content-justification-center {
  margin: 0 auto;
  text-align: center;
}


.wp-block-group {
  position:relative;
}


.wp-block-group.is-layout-constrained{
    margin-left: auto;
    margin-right: auto;

}


.wp-block-group.alignwide {
    margin-left: auto;
    margin-right: auto;
}

.wp-block-group.alignfull {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}


 




/* column, row, grid */
  .row-vertical-center{
    align-items:center;
  }

  .row-vertical-top{
    align-items:start;
  }

  .row-vertcial-bottom{
    align-items: end;
  }


  .wp-block-group.is-layout-grid{
    display:grid;

    grid-auto-flow: column;
  }


  .wp-block-group.is-layout-flex{
    display:flex;
    flex-wrap:wrap;
    gap:var(--wp--style--block-gap);

  }

   .wp-block-group.is-layout-flex .wp-block-group{
    flex:1 1 200px;
   }
  
  .wp-block-group.is-layout-flex.is-content-justification-center{
    justify-content: center;
    align-items: center;
  }
  
  .wp-block-group.is-layout-flex.is-content-justification-left{
    justify-content:flex-start;
    align-items: flex-start;
  }
  
  .wp-block-group.is-layout-flex.is-content-justification-right{
    justify-content:flex-end;
    align-items: flex-end;
  }
  
  .wp-block-group.is-layout-flex.is-content-justification-space-between{
    justify-content:space-between;
  }
  
  .wp-block-group.is-layout-flex.is-vertical{
    flex-direction:column;
  }
  
  .wp-block-group.is-layout-flex.is-content-justification-center.is-vertical{
    align-items:center;
  }
  
  .wp-block-group.is-layout-flex.is-content-justification-left.is-vertical{
    align-items:flex-start;
  }
  
  .wp-block-group.is-layout-flex.is-content-justification-right.is-vertical{
    align-items:flex-end;
  }
  
  .wp-block-group.is-layout-flex.aligncenter{
    text-align:center;
  }

  .wp-block-group.is-layout-flex.is-nowrap{
    flex-wrap:nowrap;
  }

/* END column, row, grid */