/* SOCIAL */

.social-box{
    border:1px solid var(--line);
    padding:60px 30px;
    text-align:center;
    background:
        radial-gradient(circle at 50% 0%,rgba(204,255,0,.08),transparent 42%),
        linear-gradient(rgba(255,255,255,.02),transparent);
}

.social-box h2{
    font-size:clamp(2rem,5vw,4.5rem);
    text-transform:uppercase;
    font-weight:800;
    letter-spacing:-2px;
}

.social-box p{
    margin:18px auto 0;
    max-width:630px;
    color:var(--muted);
    line-height:1.7;
}

/* =========================================================
   SOCIAL ACTIONS
   ========================================================= */

.socials {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}