.popup {
    width: 100%;
    display: flex;
    z-index: 101;
    opacity: 0;
    transition: opacity .4s;
    /*animation-name: slideInUp;*/
    align-items: center;
}

.cntr2 a {
    text-decoration: none !important;
    decoration: none;
}

.cntr2 {
    display: none;
    min-width: 175px;
    width: auto;
    min-height: 80px;
    margin: 0 auto;
    bottom: 1px !important;
    position: fixed !important;
    left: 2%;
    right: 2%;
    /*transform: translate(0%, 0%);*
    opacity: 0;
    transition: opacity .1s;*/
    background: #000;
    z-index: 102;
    padding: 30px 25px 10px;
}

.cntr2 .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

.cntr2 p {
    clear: both;
    color: #28a745 !important;
    font-size: 15px;
    font-family: sans-serif;
    text-align: center;
}

.cntr2 p a {
    border-radius: 2px;
    color: #005400;
    filter: brightness(99%);
    /*float: left;*/
    align-items: center;
    width: auto;
    min-width: 10px;
    height: 15px;
    padding: 0 10px;
    border-color: #ffd800;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: 600;
}

.cntr2 p a:hover {
    color: #28a745 !important;
}

.cntr2 .cls {
    /*float: unset;*/
    background: white;
    padding: 2px 10px 2px 10px;
}

.cntr2 .Prpl {
    background: white;
    padding: 2px 10px 2px 10px;
}