footer {
    display: flex;
    height: 2.5rem;
    width: 100%;
}

footer > * {
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid var(--gray-color);
    cursor: pointer;
}

footer > *:hover {
    border-color: var(--theme-color);
}

footer > p {
    flex: 1;
    font-weight: 400;
    color: var(--gray-color);
}

footer > p.selected {
    border-color: var(--theme-color);
    color: var(--white-color);
    background-color: var(--theme-color);
}

footer > p:not(.selected):hover {
    color: var(--theme-color);
}

footer > a > img {
    padding: .375rem;
    width: 2.5rem;
}

footer > a:hover > img {
    content: url('/assets/icons/theme-color/logo_instagram.svg');
}