.content-grid-card-item {
  max-width: 354px;
  /* background-color: var(--white-color);
  border-radius: 0.25rem;
  overflow: hidden;
  padding: 0.5rem 0.5rem 1rem; */
  a {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    text-decoration: none;
    color: inherit;
  }

  figure {
    margin: 0;
    border-radius: 0.75rem;
    overflow: hidden;
    img {
      display: block;
      width: 100%;
      height: auto;
      background-color: var(--primary-color);
    }
  }
  .card-content {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  .category {
    width: max-content;
    font: 400 1rem/1 var(--secondary-font);
    background-color: var(--black-color);
    color: var(--white-color);
    padding: 0.5rem 1.25rem;
    border-radius: 1.5rem;
  }

  h2 {
    font: 700 1.25rem/1.25 var(--secondary-font);
    color: var(--secondary-color);
  }

  .description {
    font: 400 1.125rem/1.4 var(--secondary-font);
    color: var(--secondary-color);
    line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}