.quicklinks {
     position: relative;
     margin: 1.5rem 0;
 }

 .quicklinks__title h2,
 .quicklinks__title h3 {
     text-align: center;
 }

 .quicklinks__title h2 {
     font-size: var(--font-size-h2);
     line-height: var(--line-height-large-headline);
     margin: 0 0 1.5rem;
 }

 .quicklinks__items {
     display: grid;
     scroll-snap-type: x proximity;
     text-align: center;
     grid-template-columns: repeat(2, 1fr);
     grid-gap: 0.5rem;
 }

 .quicklinks__item {
     position: relative;
     border-radius: var(--border-radius);
     color: var(--color-dark);
     background-repeat: no-repeat;
     text-decoration: none;
     scroll-snap-align: center;
     box-shadow: var(--box-shadow);
     background-color: var(--color-quicklink-color);
     padding: 0.5rem;
     background-size: 4rem auto;
     height: 8rem;
     background-position: center 70%;
 }

 .quicklinks__item h3,
 .quicklinks__item strong {
     line-height: 1;
     text-align: center;
     font-size: .75rem;
     font-weight: 700;
     margin: auto;
     padding: 2.3rem 0.2rem 0;
 }

 @media (min-width: 992px) {
     .quicklinks {
         min-width: auto;
         width: auto;
         left: auto;
         overflow: unset;
         margin: 3.25rem 0;
     }

     .quicklinks__title h2 {
         font-size: var(--font-size-h2-desktop);
         line-height: var(--line-height-large-headline-desktop);
     }

     .quicklinks__items {
         grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
         margin: 0 auto;
         grid-gap: 0 1rem;
         max-width: none;
         overflow: unset;
     }

     .quicklinks__item {
         padding: 1rem;
         background-size: 8rem auto;
         height: 10rem;
         background-position: center 80%;
     }

     .quicklinks__item h3,
     .quicklinks__item strong {
         position: relative;
         font-weight: var(--font-weight-bold);
         bottom: auto;
         text-align: center;
         font-size: var(--h3-size-desktop);
         max-width: 170px;
         line-height: 1.1;
         margin: 0;
         word-break: initial;
         hyphens: none;
         top: auto;
     }
 }