@font-face {
  font-family: "Sense7";
  src: url("../fonts/Avenir/subset-Avenir-BlackOblique.eot");
  src: local("Avenir Black Oblique"), local("Avenir-BlackOblique"), url("../fonts/Avenir/subset-Avenir-BlackOblique.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/subset-Avenir-BlackOblique.woff2") format("woff2"), url("../fonts/Avenir/subset-Avenir-BlackOblique.woff") format("woff"), url("../fonts/Avenir/subset-Avenir-BlackOblique.ttf") format("truetype"), url("../fonts/Avenir/subset-Avenir-BlackOblique.svg#Avenir-BlackOblique") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sense7";
  src: url("../fonts/Avenir/subset-Avenir-Black.eot");
  src: local("Avenir Black"), local("Avenir-Black"), url("../fonts/Avenir/subset-Avenir-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/subset-Avenir-Black.woff2") format("woff2"), url("../fonts/Avenir/subset-Avenir-Black.woff") format("woff"), url("../fonts/Avenir/subset-Avenir-Black.ttf") format("truetype"), url("../fonts/Avenir/subset-Avenir-Black.svg#Avenir-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sense7";
  src: url("../fonts/Avenir/subset-Avenir-Book.eot");
  src: local("Avenir Book"), local("Avenir-Book"), url("../fonts/Avenir/subset-Avenir-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/subset-Avenir-Book.woff2") format("woff2"), url("../fonts/Avenir/subset-Avenir-Book.woff") format("woff"), url("../fonts/Avenir/subset-Avenir-Book.ttf") format("truetype"), url("../fonts/Avenir/subset-Avenir-Book.svg#Avenir-Book") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sense7";
  src: url("../fonts/Avenir/subset-Avenir-HeavyOblique.eot");
  src: local("Avenir Heavy Oblique"), local("Avenir-HeavyOblique"), url("../fonts/Avenir/subset-Avenir-HeavyOblique.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/subset-Avenir-HeavyOblique.woff2") format("woff2"), url("../fonts/Avenir/subset-Avenir-HeavyOblique.woff") format("woff"), url("../fonts/Avenir/subset-Avenir-HeavyOblique.ttf") format("truetype"), url("../fonts/Avenir/subset-Avenir-HeavyOblique.svg#Avenir-HeavyOblique") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sense7";
  src: url("../fonts/Avenir/subset-Avenir-BookOblique.eot");
  src: local("Avenir Book Oblique"), local("Avenir-BookOblique"), url("../fonts/Avenir/subset-Avenir-BookOblique.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/subset-Avenir-BookOblique.woff2") format("woff2"), url("../fonts/Avenir/subset-Avenir-BookOblique.woff") format("woff"), url("../fonts/Avenir/subset-Avenir-BookOblique.ttf") format("truetype"), url("../fonts/Avenir/subset-Avenir-BookOblique.svg#Avenir-BookOblique") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sense7";
  src: url("../fonts/Avenir/subset-Avenir-Medium.eot");
  src: local("Avenir Medium"), local("Avenir-Medium"), url("../fonts/Avenir/subset-Avenir-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/subset-Avenir-Medium.woff2") format("woff2"), url("../fonts/Avenir/subset-Avenir-Medium.woff") format("woff"), url("../fonts/Avenir/subset-Avenir-Medium.ttf") format("truetype"), url("../fonts/Avenir/subset-Avenir-Medium.svg#Avenir-Medium") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sense7";
  src: url("../fonts/Avenir/subset-Avenir-LightOblique.eot");
  src: local("Avenir Light Oblique"), local("Avenir-LightOblique"), url("../fonts/Avenir/subset-Avenir-LightOblique.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/subset-Avenir-LightOblique.woff2") format("woff2"), url("../fonts/Avenir/subset-Avenir-LightOblique.woff") format("woff"), url("../fonts/Avenir/subset-Avenir-LightOblique.ttf") format("truetype"), url("../fonts/Avenir/subset-Avenir-LightOblique.svg#Avenir-LightOblique") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sense7";
  src: url("../fonts/Avenir/subset-Avenir-Heavy.eot");
  src: local("Avenir Heavy"), local("Avenir-Heavy"), url("../fonts/Avenir/subset-Avenir-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/subset-Avenir-Heavy.woff2") format("woff2"), url("../fonts/Avenir/subset-Avenir-Heavy.woff") format("woff"), url("../fonts/Avenir/subset-Avenir-Heavy.ttf") format("truetype"), url("../fonts/Avenir/subset-Avenir-Heavy.svg#Avenir-Heavy") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sense7";
  src: url("../fonts/Avenir/subset-Avenir-Light.eot");
  src: local("Avenir Light"), local("Avenir-Light"), url("../fonts/Avenir/subset-Avenir-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/subset-Avenir-Light.woff2") format("woff2"), url("../fonts/Avenir/subset-Avenir-Light.woff") format("woff"), url("../fonts/Avenir/subset-Avenir-Light.ttf") format("truetype"), url("../fonts/Avenir/subset-Avenir-Light.svg#Avenir-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sense7";
  src: url("../fonts/Avenir/subset-Avenir-Roman.eot");
  src: local("Avenir Roman"), local("Avenir-Roman"), url("../fonts/Avenir/subset-Avenir-Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/subset-Avenir-Roman.woff2") format("woff2"), url("../fonts/Avenir/subset-Avenir-Roman.woff") format("woff"), url("../fonts/Avenir/subset-Avenir-Roman.ttf") format("truetype"), url("../fonts/Avenir/subset-Avenir-Roman.svg#Avenir-Roman") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sense7";
  src: url("../fonts/Avenir/subset-Avenir-MediumOblique.eot");
  src: local("Avenir Medium Oblique"), local("Avenir-MediumOblique"), url("../fonts/Avenir/subset-Avenir-MediumOblique.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/subset-Avenir-MediumOblique.woff2") format("woff2"), url("../fonts/Avenir/subset-Avenir-MediumOblique.woff") format("woff"), url("../fonts/Avenir/subset-Avenir-MediumOblique.ttf") format("truetype"), url("../fonts/Avenir/subset-Avenir-MediumOblique.svg#Avenir-MediumOblique") format("svg");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sense7";
  src: url("../fonts/Avenir/subset-Avenir-Oblique.eot");
  src: local("Avenir Oblique"), local("Avenir-Oblique"), url("../fonts/Avenir/subset-Avenir-Oblique.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/subset-Avenir-Oblique.woff2") format("woff2"), url("../fonts/Avenir/subset-Avenir-Oblique.woff") format("woff"), url("../fonts/Avenir/subset-Avenir-Oblique.ttf") format("truetype"), url("../fonts/Avenir/subset-Avenir-Oblique.svg#Avenir-Oblique") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
:root {
  /** Colors **/
  --primary: #4461E3;
  --primary-hover: #364EB6;
  --base: #3a3a3a;
  --base-dark: #1F1F1F;
  --base-light: #777777;
  --light: #ffffff;
  --ultra-light: #ffffff;
  --accent: #F1F1F1;
  /** Typography **/
  --font: Avenir, Tahoma, Geneva, sans-serif;
  --font-weight: 300;
  --font-color: var(--base-light);
  /* Font size */
  --font: 1.6rem;
  --line-height: 1.6;
  --font-xs: 1.4rem;
  --font-sm: 1.4rem;
  --font-md: 1.6rem;
  --font-lg: 2rem;
  --font-xl: 2.4rem;
  --font-xxl: 2.6rem;
  --header-line-height: 1.28;
  /* Headings */
  --h1-font: clamp(4rem, 1.818vw + 3.418rem, 5.6rem);
  --h1-font-weight: 300;
  --h1-text-transform: none;
  --h2-font: clamp(2.4rem, 0.909vw + 2.109rem, 3.2rem);
  --h2-font-weight: 900;
  --h2-text-transform: uppercase;
  --h3-font: 2.4rem;
  --h3-font-weight: 900;
  --h3-text-transform: uppercase;
  --h4-font: 2rem;
  --h4-font-weight: 700;
  --h4-text-transform: none;
  --h5-font: 1.8rem;
  --h5-font-weight: 300;
  --h5-text-transform: none;
  --h6-font: 1.6rem;
  --h6-font-weight: 700;
  --h6-text-transform: none;
  /* Spacing */
  --space-xs: 0.8rem;
  --space-sm: 1.6rem;
  --space-md: 2.4rem;
  --space-lg: 3.2rem;
  --space-xl: 5.6rem;
  --space-xxl: 7.2rem;
  --space-normal: 4.0rem;
  --space-huge: 7.2rem;
  --container-xs: 0px;
  --container-sm: 576px;
  --container-md: 768px;
  --container-lg: 992px;
  --container-xl: 1200px;
  --container-xxl: 1600px;
  /* Grid */
  --grid-1: repeat($columns, minmax(0, 1fr));
  --grid-1: repeat($columns, minmax(0, 1fr));
  --grid-1: repeat($columns, minmax(0, 1fr));
  --grid-1: repeat($columns, minmax(0, 1fr));
  --grid-1: repeat($columns, minmax(0, 1fr));
  --grid-1: repeat($columns, minmax(0, 1fr));
}

body {
  background-color: var(--ultra-light);
}

.max-w--xs {
  width: 100%;
  max-width: 320px;
}

.max-w--sm {
  width: 100%;
  max-width: 480px;
}

.max-w--md {
  width: 100%;
  max-width: 640px;
}

.max-w--lg {
  width: 100%;
  max-width: 720px;
}

.max-w--xl {
  width: 100%;
  max-width: 960px;
}

.grid {
  display: grid;
  width: 100%;
}

.grid--1 {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 0px) {
  .grid--xs-1 {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 576px) {
  .grid--sm-1 {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .grid--md-1 {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .grid--lg-1 {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .grid--xl-1 {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 1600px) {
  .grid--xxl-1 {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid--2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 0px) {
  .grid--xs-2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 576px) {
  .grid--sm-2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .grid--md-2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .grid--lg-2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .grid--xl-2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1600px) {
  .grid--xxl-2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.grid--3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (min-width: 0px) {
  .grid--xs-3 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 576px) {
  .grid--sm-3 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .grid--md-3 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .grid--lg-3 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .grid--xl-3 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1600px) {
  .grid--xxl-3 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.grid--4 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (min-width: 0px) {
  .grid--xs-4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 576px) {
  .grid--sm-4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .grid--md-4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .grid--lg-4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .grid--xl-4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1600px) {
  .grid--xxl-4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.grid--5 {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (min-width: 0px) {
  .grid--xs-5 {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 576px) {
  .grid--sm-5 {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .grid--md-5 {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .grid--lg-5 {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .grid--xl-5 {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1600px) {
  .grid--xxl-5 {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.grid--6 {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media (min-width: 0px) {
  .grid--xs-6 {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 576px) {
  .grid--sm-6 {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .grid--md-6 {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .grid--lg-6 {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .grid--xl-6 {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 1600px) {
  .grid--xxl-6 {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.gap {
  grid-gap: var(--space-md);
}

.gap--xs {
  grid-gap: var(--space-xs);
}

.gap--sm {
  grid-gap: var(--space-sm);
}

.gap--md {
  grid-gap: var(--space-md);
}

.gap--lg {
  grid-gap: var(--space-lg);
}

.gap--xl {
  grid-gap: var(--space-xl);
}

.gap--xxl {
  grid-gap: var(--space-xxl);
}

.content-columns--1 {
  column-count: 1;
}

@media (min-width: 0px) {
  .content-columns--xs-1 {
    column-count: 1;
  }
}

@media (min-width: 576px) {
  .content-columns--sm-1 {
    column-count: 1;
  }
}

@media (min-width: 768px) {
  .content-columns--md-1 {
    column-count: 1;
  }
}

@media (min-width: 992px) {
  .content-columns--lg-1 {
    column-count: 1;
  }
}

@media (min-width: 1200px) {
  .content-columns--xl-1 {
    column-count: 1;
  }
}

@media (min-width: 1600px) {
  .content-columns--xxl-1 {
    column-count: 1;
  }
}

.content-columns--2 {
  column-count: 2;
}

@media (min-width: 0px) {
  .content-columns--xs-2 {
    column-count: 2;
  }
}

@media (min-width: 576px) {
  .content-columns--sm-2 {
    column-count: 2;
  }
}

@media (min-width: 768px) {
  .content-columns--md-2 {
    column-count: 2;
  }
}

@media (min-width: 992px) {
  .content-columns--lg-2 {
    column-count: 2;
  }
}

@media (min-width: 1200px) {
  .content-columns--xl-2 {
    column-count: 2;
  }
}

@media (min-width: 1600px) {
  .content-columns--xxl-2 {
    column-count: 2;
  }
}

.content-columns--3 {
  column-count: 3;
}

@media (min-width: 0px) {
  .content-columns--xs-3 {
    column-count: 3;
  }
}

@media (min-width: 576px) {
  .content-columns--sm-3 {
    column-count: 3;
  }
}

@media (min-width: 768px) {
  .content-columns--md-3 {
    column-count: 3;
  }
}

@media (min-width: 992px) {
  .content-columns--lg-3 {
    column-count: 3;
  }
}

@media (min-width: 1200px) {
  .content-columns--xl-3 {
    column-count: 3;
  }
}

@media (min-width: 1600px) {
  .content-columns--xxl-3 {
    column-count: 3;
  }
}

.content-columns--4 {
  column-count: 4;
}

@media (min-width: 0px) {
  .content-columns--xs-4 {
    column-count: 4;
  }
}

@media (min-width: 576px) {
  .content-columns--sm-4 {
    column-count: 4;
  }
}

@media (min-width: 768px) {
  .content-columns--md-4 {
    column-count: 4;
  }
}

@media (min-width: 992px) {
  .content-columns--lg-4 {
    column-count: 4;
  }
}

@media (min-width: 1200px) {
  .content-columns--xl-4 {
    column-count: 4;
  }
}

@media (min-width: 1600px) {
  .content-columns--xxl-4 {
    column-count: 4;
  }
}

h1, .h1 {
  font-size: clamp(4rem, 1.818vw + 3.418rem, 5.6rem);
  font-weight: 300;
  text-transform: none;
  line-height: var(--header-line-height);
  padding: 0 0 var(--space-lg) 0;
}

h2, .h2 {
  font-size: clamp(2.4rem, 0.909vw + 2.109rem, 3.2rem);
  font-weight: 900;
  text-transform: uppercase;
  line-height: var(--header-line-height);
  padding: 0 0 var(--space-md) 0;
}

h3, .h3 {
  font-size: 2.4rem;
  font-weight: 900;
  text-transform: uppercase;
  line-height: var(--header-line-height);
  padding: 0 0 var(--space-md) 0;
}

h4, .h4 {
  font-size: 2rem;
  font-weight: 700;
  text-transform: none;
  line-height: var(--header-line-height);
  padding: 0 0 var(--space-xs) 0;
}

h5, .h5 {
  font-size: 1.8rem;
  font-weight: 300;
  text-transform: none;
  line-height: var(--header-line-height);
  padding: 0 0 var(--space-xs) 0;
}

h6, .h6 {
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: none;
  line-height: var(--header-line-height);
  padding: 0 0 var(--space-xs) 0;
}

.text--primary {
  color: var(--primary);
}

.text--primary-hover {
  color: var(--primary-hover);
}

.text--base {
  color: var(--base);
}

.text--base-dark {
  color: var(--base-dark);
}

.text--base-light {
  color: var(--base-light);
}

.text--light {
  color: var(--light);
}

.text--ultra-light {
  color: var(--ultra-light);
}

.text--accent {
  color: var(--accent);
}

.text--xs {
  font-size: var(--font-xs);
}

.text--sm {
  font-size: var(--font-sm);
}

.text--md {
  font-size: var(--font-md);
}

.text--lg {
  font-size: var(--font-lg);
}

.text--xl {
  font-size: var(--font-xl);
}

.text--xxl {
  font-size: var(--font-xxl);
}

p {
  margin-top: 0;
  margin-bottom: var(--space-md);
}

* > p:last-of-type {
  margin-bottom: 0;
}

.bg--primary {
  background-color: var(--primary);
}

.bg--primary-hover {
  background-color: var(--primary-hover);
}

.bg--base {
  background-color: var(--base);
}

.bg--base-dark {
  background-color: var(--base-dark);
}

.bg--base-light {
  background-color: var(--base-light);
}

.bg--light {
  background-color: var(--light);
}

.bg--ultra-light {
  background-color: var(--ultra-light);
}

.bg--accent {
  background-color: var(--accent);
}

.ct-link.btn,
.ct-link-button.btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--space-sm) var(--space-xl);
  border-radius: 10rem;
  border: 0.2rem solid transparent;
  font-weight: 900;
  text-transform: uppercase;
}
.ct-link.btn-primary,
.ct-link-button.btn-primary {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--space-sm) var(--space-xl);
  border-radius: 10rem;
  border: 0.2rem solid transparent;
  font-weight: 900;
  text-transform: uppercase;
  background-color: var(--primary);
  color: var(--light);
}
.ct-link.btn-primary:hover,
.ct-link-button.btn-primary:hover {
  background-color: var(--primary-hover);
}
.ct-link.btn-primary-outline,
.ct-link-button.btn-primary-outline {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--space-sm) var(--space-xl);
  border-radius: 10rem;
  border: 0.2rem solid transparent;
  font-weight: 900;
  text-transform: uppercase;
  background-color: transparent;
  color: var(--primary);
  border-color: var(--primary);
}
.ct-link.btn-primary-outline:hover,
.ct-link-button.btn-primary-outline:hover {
  border-color: var(--primary-hover);
  color: var(--primary-hover);
}
.ct-link.btn-secondary,
.ct-link-button.btn-secondary {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--space-sm) var(--space-xl);
  border-radius: 10rem;
  border: 0.2rem solid transparent;
  font-weight: 900;
  text-transform: uppercase;
  background-color: var(--ultra-light);
  color: var(--base-dark);
}
.ct-link.btn-secondary:hover,
.ct-link-button.btn-secondary:hover {
  background-color: var(--accent);
}
.ct-link.btn-secondary--play,
.ct-link-button.btn-secondary--play {
  border-radius: var(--space-xs);
  padding: var(--space-sm) var(--space-lg);
}
.ct-link.btn-social,
.ct-link-button.btn-social {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--space-sm) var(--space-xl);
  border-radius: 10rem;
  border: 0.2rem solid transparent;
  font-weight: 900;
  text-transform: uppercase;
  background-color: var(--accent);
  color: var(--base-dark);
  width: 4.8rem;
  height: 4.8rem;
  padding: 0;
}
.ct-link.btn-social:hover,
.ct-link-button.btn-social:hover {
  background-color: var(--accent);
}
@media (max-width: 480px) {
  .ct-link.btn-cta,
  .ct-link-button.btn-cta {
    width: 100%;
  }
}

/*# sourceMappingURL=sense7.css.map */