body {
    font-family: sans-serif;
    padding: 1em;
}

.icon {
    width: auto;
    height: 3rem;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
}

li {
    float: left;
    margin-right: 1.3em;
    margin-bottom: 1em;
    transition: transform .2s;
    cursor: pointer;
}

input[type=checkbox] {
    opacity: 0;
}

input[type=checkbox]:hover+label>li {
    transform: scale(1.08);
}

input[type=checkbox]:checked+label>li {
    transform: scale(1.2);
    cursor: pointer;
}


/* Shine */
input[type=checkbox]+label>li {
    mask-image: linear-gradient(135deg,#000 45%,rgba(0,0,0,.65) 50%,#000 55%);
    mask-size: 800%;
    mask-position: bottom right;
}

input[type=checkbox]:checked+label>li {
    transition: mask-position 1.5s ease-out;
    mask-position: top left;
    opacity: 1;
}