@use "../breakpoints";

content-section {
  display: block;
  margin-bottom: 5rem;

  @include breakpoints.mq-md($direction: "above") {
    margin-bottom: 7rem;
  }

  &:last-of-type {
    margin-bottom: 0;
  }

  &.condensed {
    margin-bottom: 2rem;
  }
}