.bloc-contact{
    width: 19.688em;
    max-width:66.25em;
    border-radius: 20px;
    background:var(--color-purple)
  }
  .bloc-contact__container{
    padding:2.5em 1.875em ;
  }
  .bloc-contact__container .t-title{
    color: var(--color-primary-light);
    margin: 0;
  }
  .bloc-contact__container .t-para{
    color: var(--color-primary-light);
  }
  @media only screen and (min-width: 768px) {
      .bloc-contact{
        width:100%;
      }
      .bloc-contact__container{
        grid-template:auto / auto auto;
        align-content:center;
        justify-content:space-between;
        column-gap:9.563em;
      }
      .bloc-contact__container .t-title{
        grid-column:1 / span 1;
        grid-row:1 / span 1;
      }
      .bloc-contact__container .t-para{
        grid-column:1 / span 1;
        grid-row:2 / span 1;
      }
      .bloc-contact__container .t-cta{
        grid-column:2 / span 1;
        grid-row:2 / span 1;
        align-self:center;
      }
      .y-end_md{
        align-self:flex-end;
      }
  }