/* stylelint-disable */
.wp-block-trending-insights__container {
  margin: 0 auto;
  max-width: var(--width-max-width-padded);
  padding-left: var(--spacing-body);
  padding-right: var(--spacing-body);
  width: 100%;
}

.wp-block-trending-insights__content {
  margin: 0 0 var(--spacing-xxl);
}

.wp-block-trending-insights__cards {
  display: flex;
  gap: var(--spacing-s);
  justify-content: space-between;
}

@media (max-width: 1022.98px) {
  .wp-block-trending-insights__cards {
    flex-direction: column;
    gap: var(--spacing-xl);
  }
}
.wp-block-trending-insights__highlighted-card-wrapper {
  flex: 1;
  max-width: 524px;
}

@media (max-width: 1022.98px) {
  .wp-block-trending-insights__highlighted-card-wrapper {
    align-self: center;
    width: 100%;
  }
}
.wp-block-trending-insights__highlighted-card-wrapper .wp-block-trending-insights__highlighted-card {
  position: sticky;
  top: 0;
}

.wp-block-trending-insights__other-cards {
  display: flex;
  flex: 1;
  flex-direction: column;
}

@media (min-width: 1023px) {
  .wp-block-trending-insights__other-cards {
    max-width: 638px;
  }
}
.wp-block-trending-insights__other-cards > *:not(:last-child) {
  border-bottom: 1px solid var(--colour-gray-50);
  margin-bottom: var(--spacing-s);
  padding-bottom: var(--spacing-s);
}

.wp-block-trending-insights__button-wrapper {
  margin: var(--spacing-xxl) 0 0;
  text-align: center;
}

.wp-block-trending-insights--right-align-button .wp-block-trending-insights__content {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 1022.98px) {
  .wp-block-trending-insights--right-align-button .wp-block-trending-insights__content {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (min-width: 1023px) {
  .wp-block-trending-insights--right-align-button .wp-block-trending-insights__content {
    gap: var(--spacing-s);
  }
}
.wp-block-trending-insights--right-align-button .wp-block-trending-insights__content .wp-component-content__inner {
  flex: 1;
}

@media (min-width: 1023px) {
  .wp-block-trending-insights--right-align-button .wp-block-trending-insights__content .wp-component-content__buttons {
    margin-top: 0;
  }
}
.wp-block-trending-insights--dark .wp-block-trending-insights__heading {
  color: var(--colour-white);
}
