/*

	Page-end CTAs

*/
/*

	BREAKPOINTS

*/
:root {
  --break-mobile: $break-mobile;
  --break-small: $break-small;
  --break-medium: $break-medium;
  --break-large: $break-large;
  --break-xlarge: $break-xlarge;
  --break-xxlarge: $break-xxlarge;
}

:root {
  --grid-gap: 30px;
}
/*

	CONTAINER UTILITIES

*/
:root {
  --max-width: 100%;
}
@media (min-width: 1210px) {
  :root {
    --max-width: 1210px;
  }
}

/*

	THEME VARIABLES

*/
:root {
  --primary-maroon: #8A1E41;
  --PRIMARY-Maroon: #8A1E41;
  --PRIMARY-Purple: #682571;
  --primary-purple: #682571;
  --secondary-coral: #fc4351;
  --SECONDARY-Orange: #FF9F00;
  --secondary-orange: #FF9F00;
  --secondary-yellow: #ffd400;
  --GRAYS-White: #ffffff;
  --grays-white: #ffffff;
  --grays-lightest-gray: #f5f5f5;
  --GRAYS-Light-Gray: #D9D9D9;
  --grays-light-gray: #d9d9d9;
  --grays-middle-gray: #d0d0d0;
  --GRAYS-Middle-Gray: #d0d0d0;
  --grays-text-gray: #3B3B3B;
  --GRAYS-Text-Gray: #3B3B3B;
  --grayscale-black: #000;
  --grays-black: #000;
}

:root {
  --font-size-default: 1.0625rem;
  --font-size-bigger: calc(20/16 * 1rem);
  --font-size-smaller: calc(14/16 * 1rem);
}

.small-bold-all-caps {
  color: var(--GRAYS-Text-Gray);
  font-size: calc(12 / 16 * 1rem);
  font-variation-settings: "wght" 600;
  line-height: 1.66;
  letter-spacing: calc(0.6 / 16 * 1rem);
  text-transform: uppercase;
}

.page-end-ctas__section {
  background-color: var(--grays-black);
  color: var(--grays-white);
  padding: var(--grid-gap);
  margin: 50px var(--grid-gap);
}
@media screen and (min-width: 782px) {
  .page-end-ctas__section {
    padding: 50px;
    margin: 100px auto;
    max-width: calc(var(--max-width) - var(--grid-gap) * 2);
    display: flex;
    gap: 40px;
    justify-content: center;
    flex-wrap: wrap;
  }
}

.page-end-ctas__h2 {
  margin: 0;
  padding: 10px 0 0 0;
}
@media screen and (max-width: 781px) {
  .page-end-ctas__h2 {
    text-align: center;
  }
}

.page-end-ctas__links {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
@media screen and (max-width: 781px) {
  .page-end-ctas__links .btn {
    flex-grow: 1;
    justify-content: space-between;
  }
}

/*# sourceMappingURL=page-end-ctas.css.map */