footer {
    border-radius: 1rem;
    padding: 2rem;
    margin-top: 2rem;
    min-height: 3rem;
}

.social_icons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
}

.social_icons a {
    text-decoration: none;
    padding: 0.75rem;
    border-radius: 1rem;
    font-size: 1.3rem;
    text-align: center;
}

.instagram {
    background: linear-gradient(135deg, oklch(0.5406 0.2093 269), oklch(0.6322 0.248 28.28));
}

.tiktok {
    background: linear-gradient(135deg, oklch(0.6473 0.2381 17.71), oklch(0.8758 0.1461 191.57));
}

.youtube {
    background: linear-gradient(135deg, oklch(0.628 0.2577 29.23), oklch(0.2768 0 0));
}

.facebook {
    background: linear-gradient(135deg, oklch(0.5364 0.2049 258.76), oklch(0.7053 0.1646 242.67));
}

.social_icons a:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0rem 0rem 2rem oklch(0.9824 0.0049 236.62);
}

/* Phone CSS */

@media (max-width: 630px) {
    footer {
        flex-direction: column;
        align-items: stretch;
    }

    .social_icons a {
        font-size: 1.1rem;
    }
}

@media (max-width: 492px) {
    footer {
        flex-direction: column;
        align-items: stretch;
    }

    .social_icons {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .social_icons a {
        font-size: 1rem;
    }
}