.m-cta {

  background-color: var(--wp--preset--color--secondary);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  border-radius: 0;
  overflow: hidden;

  text-align: center;
  clip-path: polygon(63px 0, 100% 0, 100% calc(100% - 63px), calc(100% - 63px) 100%, 0 100%, 0 63px);

  &::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--wp--preset--color--secondary);
    opacity: 0.9;
  }

  &::before {
    content: "";
    position: absolute;
    bottom: -1px;
    right: 0;
    width: 225px;
    height: 283px;
    z-index: 1;
    background: url(../../../assets/img/logo.png) no-repeat center center;

    @media(width < 768px) {
      background: none;
      height: 0;
      width: 0;
      border-right: 60px solid transparent;
      border-bottom: 60px solid var(--wp--preset--color--primary);
      position: absolute;
      bottom: 0;
      left: 0;
    }
  }

  .m-cta__wrapper {
    position: relative;
    z-index: 2;
    padding: var(--wp--preset--spacing--x-large);
    margin: 0 auto;
    max-width: 70%;

    @media(width < 768px) {
      max-width: inherit;
      padding: var(--wp--preset--spacing--x-large) var(--wp--preset--spacing--medium);
    }
  }

  .m-cta__titre {
    margin: 0;
    color: #fff;
  }

  .m-cta__texte {
    color: #fff;
    margin: 1em 0 2em;
  }

  .m-cta__lien {}

  &.alignwide {
    @media(width < 768px) {
      margin-left: var(--wp--style--root--padding-left) !important;
      margin-right: var(--wp--style--root--padding-right) !important;
    }
  }

  &.alignfull {
    border-radius: 0;


    .m-cta__wrapper {
      max-width: 60%;
      margin: 0 auto;
      text-align: center;
    }
  }


  &:not(.alignfull):not(.alignwide) {
    .m-cta__wrapper {
      max-width: inherit;
      padding: var(--wp--preset--spacing--medium);
    }
  }
}