/**
 * @file
 * Section
 *
 * Base styles for all section content.
 */

@use '_helper' as *;

.section {
  margin: $spacing-vertical-sm 0;

  @media screen and (min-width: $break-large) {
    margin: $spacing-vertical-lg 0;
  }

  &__header {
    margin-bottom: 20px;

    h2 {
      margin: 0;
    }
  }

  &__intro {
    margin-bottom: 20px;

    @media screen and (min-width: $break-medium) {
      margin-bottom: 30px;
    }
  }

  &__cta {
    margin-bottom: 20px;

    @media screen and (min-width: $break-medium) {
      margin-bottom: 30px;
    }
    
    a {
      @include ctaButton;
    }
  }
}