@import "@/styles/mixins.scss";
@import "@/styles/variables.scss";

.content {
  color: $black;
  padding: 3.75rem 0;
  margin-top: 0;
  margin-bottom: 0;
  &:global(.columns) {
    &:last-child {
      margin-bottom: 0;
    }
  }
  .cardsColumns {
    > div {
      margin-bottom: 2rem;
      &:last-child {
        margin-bottom: 0;
      }
    }
  }
  .shareBox {
    padding: 2rem;
    background: $grey-light;
    border-radius: 0.714rem;
    .shareContainer {
      margin-top: 1.5rem;
    }
  }
  .catalogue {
    @media screen and (max-width: $mobile) {
      display: none;
    }
  }
}