#donate_box {
    margin-block: 1.2rem;
    background-color: var(--accent-clr);
    padding: 0.5em 1em;
    border-radius: 0.3em;
    display: flex;
    flex-wrap: nowrap;
}

#donate_buttons{
    display: flex;
}

.donate_buttons{
    margin:auto;
    padding:0.5em 1em;
    border-radius: 0.3em;
    margin-inline: 0.2em;
    cursor: pointer;
    color:inherit;
    text-decoration: none;
}

.donate_buttons:hover{
    background-color: #FF6970 !important;
}

#donate_more_dots{
    box-sizing: border-box;
    margin:auto;
    height:1.8em;
    border-radius: 50%;
    position: relative;
}

#donate_more_dots > img{
    height:100%;
}

#donate_more_dots > div{
    position: absolute;
    right:0;
    top:2em;
    width:max-content;
    background-color: var(--secondary-bg);
}

#donate_more_dots:hover{
    background-color: #FF6970!important;
}

#donate_no_show_botton{
    display: none;
    padding:0.5em 1em;
    border-radius: 0.3em;
    cursor: pointer;
    z-index: 1;
}

#donate_no_show_botton:hover{
    background-color: var(--tertiary-bg);
}

@media (max-width:700px){
    #donate_box {
        flex-wrap: wrap;
    }
    #donate_more_dots > div{
        left:0;
    }
}