:root {
    --uparte-social-color: #444444;
    --uparte-social-color-hover: #000000;
    --uparte-social-size: 22px;
}

.uparte-social-shared,
.uparte-social-shared * {
    box-sizing: border-box;
}
.uparte-social-shared {
    width: 100%;
    position: relative;
    display: inline-block;

}
.uparte-social-shared ul {
    list-style: none;
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding: 0;
    margin: 0;
    gap: 20px;
}
.uparte-social-shared ul li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    transition: color ease-in-out .3s;
    color: var(--uparte-social-color);
}
.uparte-social-shared ul li.division {
    width: 1px;
    height: var(--uparte-social-size);
    background: var(--uparte-social-color);
    opacity: .4;
}
.uparte-social-shared ul li:hover {
    transition: color ease-in-out .3s;
    color: var(--uparte-social-color-hover);
}
.uparte-social-shared ul li svg {
    width: var(--uparte-social-size);
    height: var(--uparte-social-size);
}