/* -- The root styles must go in the element of the structure with the name "Card". --*/

.card-blog__wrapper{
  &:first-child{
    grid-column: 1 / -1;

    .card-blog{
      flex-direction: row;
      gap: var(--space-m);
      align-items: center;
    }

    .card-blog__container{
      height: auto;
    }

    .card-blog__icon{
      display: none;
    }

    @media (max-width: 767px) {
      grid-column: auto;
      grid-row: auto;

      .card-blog{
        flex-direction: column;
      }
    }
  }
}