.shareicons {

    width:var(--contentwidth);

    margin:auto;

    text-align:center;

    padding:1em;

}



.shareicons-title i {

    margin-right:0.5em;

}

.shareicons-title {

    font-family:var(--font01);

    font-weight:bold;

    text-transform:uppercase;

    font-size:1.25em;

    text-decoration:underline;

}

.shareicons ul {

    list-style-type:none;

    display:flex;

    justify-content:center;

}

.shareicons ul a li i {

    display:inline-block;

    padding:0.5em;

    font-size:1.6em;

    background:var(--baseColour);

    color:var(--baseColourInvert);

    transition:all 0.5s;

    margin:0.5em;

}

.shareicons ul a li i:hover {

    color:var(--baseColour);

    background:var(--baseColourInvert);

}