.avvisi_nerda_pulsante{
    width:auto;
    min-width:61px;
    min-height:19px;
    margin:0 0 0 5px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 7px;
    border:0;
    border-radius:999px;
    background:#FF9900;
    color:#FFFFFF;
    font-family:Arial,Helvetica,sans-serif;
    font-size:7px;
    font-weight:900;
    line-height:1;
    vertical-align:middle;
    cursor:pointer;
    box-sizing:border-box;
    transition:
        background-color 0.14s ease,
        opacity 0.14s ease,
        transform 0.14s ease;
}

.avvisi_nerda_pulsante:not(:disabled):hover,
.avvisi_nerda_pulsante:not(:disabled):focus{
    background:#6C89C6;
    outline:none;
    transform:translateY(-1px);
}

.avvisi_nerda_pulsante.avvisi_nerda_pulsante_attivo{
    background:#6C89C6;
}

.avvisi_nerda_pulsante.avvisi_nerda_pulsante_attivo:not(:disabled):hover,
.avvisi_nerda_pulsante.avvisi_nerda_pulsante_attivo:not(:disabled):focus{
    background:#FF9900;
}

.avvisi_nerda_pulsante:disabled{
    opacity:0.72;
    cursor:default;
    transform:none;
}

.avvisi_nerda_pulsante_icona{
    position:relative;
    width:14px;
    min-width:14px;
    height:10px;
    display:block;
    border:2px solid currentColor;
    border-radius:70% 0 70% 0;
    transform:rotate(45deg);
    box-sizing:border-box;
}

.avvisi_nerda_pulsante_icona::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:4px;
    height:4px;
    border-radius:50%;
    background:currentColor;
    transform:translate(-50%,-50%);
}

.avvisi_nerda_pulsante_testo{
    display:block;
    white-space:nowrap;
}

@media (max-width:430px){
    .avvisi_nerda_pulsante{
        min-width:56px;
        min-height:18px;
        margin-left:4px;
        gap:4px;
        padding:0 5px;
        font-size:6px;
    }

    .avvisi_nerda_pulsante_icona{
        width:13px;
        min-width:13px;
        height:9px;
    }
}