footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}
.out{padding: 10px;opacity: 0.3;}
.badge:hover{transition: background-color 150ms ease;cursor:pointer;background:white;color:black;opacity: 0.5;}
.footer-upgrade{background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);color: #fff;padding: 15px;text-align:center;border: none;background-size: 300% 100%;}

.footer-upgrade:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.footer-upgrade:focus {
    outline: none;
}
div i.fa-sign-in {display:none;}
.panel-upgrade{transition: transform .2s;border-radius: 5px;font-weight: 700;
    box-shadow: 10px 10px  #25aae1}
.panel-upgrade:hover {cursor:pointer;transform: scale(1.01); background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);color: beige;}
.panel-upgrade:hover i{display:block;}