.social-card > ul {
    display: flex;
    gap: 3.5rem;
}
.social-card > ul.card-area {
    margin-top: 2.5rem;
}
.social-card > ul.newsletter-card-area {
    margin-top: 1.25rem;
}
.social-card > ul > li {
    display: flex;
    gap: 1.5rem;
    padding: 1.5rem;
    box-shadow: var(--btn1);
    border-radius: 25px;
    align-items: center;
    width: 21.25rem;
}
.social-card > ul > li.fw {
    width: 100%;
    padding: 1.5rem 8rem;
}
.social-card > ul > li i {
    font-size: 4rem;
    color: var(--yellow300);
}
.social-card > ul > li span {
    color: var(--gray400, #3A3A3A);
    font-size: var(--static---body1);
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.025rem;
}

@media (max-width: 768px) {
    .social-card > ul {
        flex-direction: column;
    }
    .social-card > ul > li {
        width: 100%;
        justify-content: center;
    }
}