@import url('./common.css');
div span{
    display: inline-block;
    width:auto;
    height:30px;
    line-height: 30px;
    margin: 0 10px;
    /* padding: 3px; */
}
div span a{
    font-family: var(--font-family);
    color:var(--a-color);
    text-decoration: none;
}
div span a:hover{
    color:var(--a-hover-color);
}
div span a:active{
    color:var(--a-active-color);
}

.approve{
    color:var(--a-color);
    /* background-color:var(--a-color); */
    font-size: var(--font-size);
    line-height: var(--font-size);
    display: inline-block;
    margin:5px;
    padding: 3px;
    border-radius: 5px;
    border: var(--test-border);
}
.approve:hover{
    color:var(--a-hover-color);
    border: var(--test-border-hover);
    background-color:var(--a-hover-color);
}

dialog{
    width: var(--plate-size-default);
    border-radius: 15px;
    position: relative;
    background-color: var(--body-background-color);
    opacity: 0.95;
    /* display: flex;
    justify-content: center;
    align-items: center; */
}
dialog::backdrop{
    /* background-color: #121929; */
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.dialog_func_{
    font-size: var(--font-size);
    line-height: var(--font-size);
    padding: var(--normal-padding);
    z-index: 10;
    position: absolute;
    right: 2%;
    top:2%;
    color: var(--font-color);
    border:var(--test-border);
    border-radius: 5%;
}
.dialog_func_:hover{
    color: var(--a-hover-color);
    border:var(--test-border-hover);
}