div span{
    display: inline-block;
    width:auto;
    height:30px;
    line-height: 30px;
    margin: 0 10px;
    padding: 3px;
}
div span a{
    color:#862930;
    text-decoration: none;
    
}
div span a::before{
    color:#862930;
}
div span a::hover{
    color:#121929;
}
/* div span a::linked{
    color:orange;
} */
div span a::after{
    color:#862930;
}
dialog{
    border-radius: 15px;

}
dialog::backdrop{
    background-color: #121929;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.approve{
    color:#862930;
    background-color:#DED8D4 ;
    font-size: 25px;
    line-height: 30px;
    display: inline-block;
    padding: 2px;
    border-radius: 5px;
    border: 1px solid #862930;
}
.approve:hover{
    color:#121929;
    background-color:#862930 ;
    border: 1px solid #121929;
}
.approve router-link span a{
    /* color:#862930; */
    /* background-color:#DED8D4 ; */
    font-size: 25px;
    line-height: 25px;
    display: inline-block;
    margin-left: 10px;
    padding: 2px;
    border-radius: 5px;
    /* border: 1px solid #862930; */
    text-decoration: none;
}
.approve router-link span a:hover{
    color:#121929;
    /* background-color:#862930 ; */
    /* border: 1px solid #121929; */
}

html[data-theme="dark"]{
    background-color: gray;
}
html[data-theme="day"]{
    background-color: white;
}