.module-social-links {
    background-color:var(--dark-green);
    background-image:var(--background-green-dots);
    background-position:top left;
    background-repeat: no-repeat;
    background-size:250px;
}

.module-social-links h1,
.module-social-links h2,
.module-social-links h3,
.module-social-links h4,
.module-social-links h5,
.module-social-links h6 {
    margin:0;
}

.module-social-links .inner-wrapper {
    display:flex;
    flex-wrap: wrap;
    gap:4rem;
    justify-content: center;
    padding-top:2rem;
    padding-bottom:2rem;
}

.module-social-links .intro-wrapper {
    padding:0 2rem;
    width:100%;
    display: flex;
    flex-wrap: wrap;
    gap:2rem;
    justify-content: center;
    text-align: center;
    width:100%;
}

.module-social-links .intro-wrapper h1,
.module-social-links .intro-wrapper h2,
.module-social-links .intro-wrapper h3,
.module-social-links .intro-wrapper h4,
.module-social-links .intro-wrapper h5,
.module-social-links .intro-wrapper h6 {
    display:block;
    width:100%;
    color:#fff;
}

.module-social-links .intro-wrapper strong {
    color:#fff!important;
}

.module-social-links .intro-wrapper .copy {
    font-size:1.9rem;
    line-height: 3rem;
    color:var(--dark-gray);
    display:block;
}

.module-social-links .intro-wrapper p {
    margin:0;
}

.module-social-links .posts-wrapper {
    display:flex;
    gap:1rem;
    flex-wrap: nowrap;
    justify-content: center;
    width:100%;
}

.module-social-links .posts-wrapper .list-item a {
    text-decoration: none;
}

.module-social-links .posts-wrapper .list-item .icon {
    
}

.module-social-links .posts-wrapper .list-item .icon i {
    color:#fff;
    font-size:3rem;
}

.module-social-links .list-item a .icon i {
    transition: all 0.3s ease-in-out;
}

.module-social-links .list-item a .icon i:hover {
    transform:scale(1.2)
}

.module-social-links .posts-wrapper .list-item .content p {
    margin:0;
}

.module-social-links .cta-wrapper a {
    position: relative;
    color:#fff;
    font-size:2rem;
}

.module-social-links .cta-wrapper a:after {  
    content: '\f061';
    color: #000;
    font: var(--fa-font-solid);
    background-color: var(--yellow);
    border-radius: 50%;
    padding: 2px;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    margin-left: 8px;
}

@media (min-width:800px) {
    .module-social-links .posts-wrapper {
        gap:3rem;
    }
}