/* stylelint-disable order/order */
/* stylelint-enable order/order */
/*
* Used to add the CSS Grid properties for the 12-column grid.
*
* @return string  The CSS Grid properties for the 12-column grid.
*/
/****************
 * Fonts
 *
 * The font settings are defined via the gulp figma task creates variables in the css/__base-includes/figma/_figma-font-styles.scss file based on the Figma file. Additional variables are defined here.
 ****************/
/****************
 * Colors
 *
 * The primary colors are defined via the gulp figma task creates variables in the css/__base-includes/figma/_figma-color-variables.scss file based on the Figma file. Additional variables are defined here.
 ****************/
/****************
 * Effects
 ****************/
/****************
 * Grid Settings
 ****************/
/*
This file can be used for optional additions to the Figma-generated font style mixins in the figma/_figma-font-styles.scss file.

For example, if you want to add styles to the @overline mixin, just create a mixin here called @overline-custom and that CSS will be added to the primary mixin:

@mixin overline-custom() {
	font-weight: 700;
}
*/
@media (min-width: 36rem) {
  .block-icon-standard__container {
    display: grid;
    align-items: center;
  }
}
@media (min-width: 36rem) {
  .block-icon-standard__container > *:not(.wp-block-button):not(.block-icon-contents) {
    grid-column: 1/2;
  }
}
@media (min-width: 36rem) {
  .block-icon-standard__container > h2,
.block-icon-standard__container > .has-t-2-font-size {
    margin-bottom: auto;
  }
}
@media (min-width: 36rem) {
  .block-icon-standard__container > h2:first-child,
.block-icon-standard__container > .has-t-2-font-size:first-child {
    margin-top: auto !important;
  }
}
@media (min-width: 36rem) {
  .block-icon-standard__container > h2 + *:not(.wp-block-button),
.block-icon-standard__container > .has-t-2-font-size + *:not(.wp-block-button) {
    margin-top: var(--t2-margin-bottom);
  }
}
@media (min-width: 36rem) {
  .block-icon-standard__container > .wp-block-button {
    grid-row: 1/auto;
    grid-column: 2/3;
    margin: auto 0 auto auto !important;
  }
}
@media (min-width: 36rem) {
  .block-icon-standard__container > .wp-block-button ~ .block-icon-contents {
    grid-column: 1/3;
  }
}
@media (min-width: 36rem) {
  .block-icon-standard__container > .wp-block-button ~ .wp-block-button {
    grid-area: auto/1/auto/2;
    margin: auto;
  }
}
@media (min-width: 36rem) {
  .block-icon-standard__container > .block-icon-contents {
    grid-column: 1/2;
  }
}