.wp-block-meta-box-double-colonne-texte:not(.is-style-colonne-serree),
.wp-block-meta-box-double-colonne-texte.is-style-colonne-espacee {
  padding: 100px 0;
}

.wp-block-meta-box-double-colonne-texte .wp-block-columns {
  display: grid !important;
  grid-template-columns: subgrid;
}

.wp-block-meta-box-double-colonne-texte .wp-block-buttons {
  margin-top: 50px;
}

.wp-block-meta-box-double-colonne-texte.is-style-colonne-serree {
  padding: 140px 0;
}

.wp-block-meta-box-double-colonne-texte:not(.is-style-colonne-serree)
  .wp-block-columns
  > .wp-block-column:first-child,
.wp-block-meta-box-double-colonne-texte.is-style-colonne-espacee
  .wp-block-columns
  > .wp-block-column:first-child {
  grid-column: 1 / span 5;
}

.wp-block-meta-box-double-colonne-texte:not(.is-style-colonne-serree)
  .wp-block-columns
  > .wp-block-column:last-child,
.wp-block-meta-box-double-colonne-texte.is-style-colonne-espacee
  .wp-block-columns
  > .wp-block-column:last-child {
  grid-column: 7 / span 4;
}

/* is-style-colonne-serree */

.wp-block-meta-box-double-colonne-texte.is-style-colonne-serree
  .wp-block-columns
  > .wp-block-column:first-child {
  grid-column: 1 / span 6;
}

.wp-block-meta-box-double-colonne-texte.is-style-colonne-serree
  .wp-block-columns
  > .wp-block-column:last-child {
  grid-column: 7 / span 4;
}

.wp-block-meta-box-double-colonne-texte
  .wp-block-meta-box-titre-double-polices {
  position: relative;
}

.wp-block-meta-box-double-colonne-texte
  .wp-block-meta-box-titre-double-polices:before {
  content: '';
  position: absolute;
  width: 140px;
  height: 140px;
  border: 4px solid var(--wp--preset--color--jaune);
}

.wp-block-meta-box-double-colonne-texte:not(.is-style-colonne-serree)
  .wp-block-meta-box-titre-double-polices:before,
.wp-block-meta-box-double-colonne-texte.is-style-colonne-espacee
  .wp-block-meta-box-titre-double-polices:before {
  bottom: -8%;
  left: -18%;
}

.wp-block-meta-box-double-colonne-texte.is-style-colonne-serree
  .wp-block-meta-box-titre-double-polices:before {
  top: 50%;
  transform: translateY(-50%);
  left: -14%;
}

@media all and (max-width: 768px) {
  .wp-block-meta-box-double-colonne-texte.is-style-colonne-serree {
    padding: 100px 0;
  }

  .wp-block-meta-box-double-colonne-texte
    .wp-block-meta-box-titre-double-polices
    .titre {
    margin-bottom: 0 !important;
  }

  .wp-block-meta-box-double-colonne-texte
    .wp-block-columns
    > .wp-block-column:first-child {
    grid-column: 1 / span 12 !important;
  }

  .wp-block-meta-box-double-colonne-texte
    .wp-block-columns
    > .wp-block-column:last-child {
    grid-column: 1 / span 12 !important;
  }

  .wp-block-meta-box-double-colonne-texte
    .wp-block-meta-box-titre-double-polices:before {
    width: 100px;
    height: 100px;
  }

  .wp-block-meta-box-double-colonne-texte:not(.is-style-colonne-serree)
    .wp-block-meta-box-titre-double-polices:before,
  .wp-block-meta-box-double-colonne-texte.is-style-colonne-espacee
    .wp-block-meta-box-titre-double-polices:before {
    bottom: 44%;
    left: -2%;
  }

  .wp-block-meta-box-double-colonne-texte.is-style-colonne-serree
    .wp-block-meta-box-titre-double-polices:before {
    left: -2%;
    top: 12%;
  }

  .wp-block-meta-box-double-colonne-texte .wp-block-buttons {
    margin-top: 35px;
  }
}
