/* ------------------------------------ *\
  CONTENTS
\* ------------------------------------ */

/**
 * CONTENTS..............You’re reading it!
 * STYLE 1 ...............................
 * STYLE 2 ...............................
 * MEDIA QUERIES .........................
*/

/* ------------------------------------ *\
  ==MEDIA QUERIES
\* ------------------------------------ */
@media screen and (max-width: 575.98px) {
  .paragraph--type--cta.cta--style-1 .cta__link {
    font-size: 1rem;
  }

  .paragraph--type--cta.cta--style-1 .cta__link:before {
    font-size: 1.5rem;
    top: 0;
    right: -1.7rem;
  }

  .paragraph--type--cta.cta--style-1
    .cta__link:where(:hover, :focus, :active):before {
    right: -2.5rem;
  }
}