footer>ul {
    padding-inline-start: 0;
    list-style: none;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0;
}
footer>ul>li {
    height: 48px;
    flex-grow: 1;
}
footer>ul>li>a {
    transition: 0.5s;
}
footer>ul>li>a.socials {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5em 1em;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #fff0;
}
footer>ul>li>a>svg {
    height: 28px!important;
    width: 28px!important;
    color: #fff;
}

footer>ul>li>a.socials:hover {
    background-color: rgb(85 142 213);
    border-bottom: 1px solid #fff;
}

.madeby {
    text-decoration: none;
    color: #3273dc;
}
.madeby:hover {
    color: #205bbc;
}

/* ===== Media Queries ===== */

@media screen and (max-width: 768px) {
    footer>ul {
        display: block;
    }
    footer>ul>li.socials {
        display: inline-flex;
    }
}