/* Social section background and heading copy. */
.social-section {
    background:
        radial-gradient(circle at top, #243b55 0%, #0f172a 70%);
}

.social-title {
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    color: #fff;
}

.social-desc {
    color: rgba(255, 255, 255, .75);
    font-size: 1.05rem;
}

/* Large platform buttons used on the home page social area. */
.social-btn {
    width: 220px;
    height: 80px;

    border-radius: 20px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    text-decoration: none;

    font-size: 1.2rem;
    font-weight: bold;

    color: white;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        opacity .25s ease;

    box-shadow:
        0 10px 25px rgba(0, 0, 0, .35);
}

.social-btn i {
    font-size: 2rem;
}

.social-btn:hover {
    transform: translateY(-6px) scale(1.03);

    opacity: .95;
}

.facebook {
    background:
        linear-gradient(135deg, #1877f2, #0d47a1);
}

.instagram {
    background:
        linear-gradient(135deg, #f58529, #dd2a7b, #8134af);
}

.youtube {
    background:
        linear-gradient(135deg, #ff0000, #b31217);
}

.x {
    background:
        linear-gradient(135deg, #111111, #3d3d3d);
}

.line{
    background:
        linear-gradient(135deg, #06c755, #04943f);
}