.lumos-switcher {

    width:48px;

    height:48px;

    border-radius:50%;

    border:1px solid currentColor;

    background:transparent;

    cursor:pointer;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

    transition:
        transform .2s ease;

}



.lumos-switcher:hover {

    transform:rotate(20deg);

}



html[data-theme="dark"]
.lumos-icon-light {

    display:none;

}



html[data-theme="light"]
.lumos-icon-dark {

    display:none;

}