.m-icons {

  .m-icons__loop {
    margin-top: 1em;

  }

  &.is-style-fleches {
    .card-icon {
      @media(width < 991px) {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;

        .card-header {
          margin-right: 1em;
        }

        .card-body {
          text-align: left;
        }
      }

      .card-header__icon {
        border: solid 2px var(--wp--preset--color--primary);
        border-radius: 50%;
      }
    }

    .m-icons__loop {
      justify-content: space-between;
    }

    .col-arrow {
      @media(width < 991px) {
        display: none;
      }
    }
  }

  &.has-background-image {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;

    &:before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: var(--wp--preset--color--secondary);
      opacity: 0.56;
    }

    .m-icons__titre {
      color: currentColor;
      position: relative;
      z-index: 1;
    }

    .m-icons__loop {
      position: relative;
      z-index: 1;
    }
  }

  @media(width < 991px) {
    &.is-triangle-deco {
      &:after {
        display: none;
      }
    }
  }
}