.info-dev, .info-transparent {
    border-radius: 8px;
    padding: 10px;
}

.info-dev {
    border: 1px solid white;
    margin-top: 20px;
    margin-bottom: 20px;
    background: rgb(131,58,180);
    background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
}

.info-dev:before {
    content: "Info dev";
    /* color: rgba(252,176,69,1);*/
    color: rgba(131,58,180,1);
    text-transform: uppercase;
    float: right;
    font-weight: bolder;
    font-size: 0.9em;
}

.info-dev p, .info-transparent p {
    color:white;
}

.info-transparent {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 100%);
}