footer {

    background-color: #222222;

}


footer h5 {

    color: #d8d8d8;
    font-weight: 700;
    font-size: 1.2rem;

}

footer li {

    padding-bottom: 4px;
}

footer li a {

    font-size: 0.8rem;
    color: #999;
    text-decoration: none;
}


footer li a:hover {

    color: #d8d8d8;
}


footer .copyright a .fas {

    color: black;
    height: 40px;
    width: 40px;
    background-color: white;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 58px;
    transition: 0.3s ease;
    margin: 0 5px;
}

footer .copyright a .img-responsive {



    width: 70%;
    display: block;
    text-align: center;
    line-height: 58px;
    transition: 0.3s ease;

}


footer .copyright .row .bto-payment-partners {

    display: flex;
    flex-direction: row;
}


footer .copyright a:hover {

    color: white;
    background-color: #fb774b;
}

footer p {

    color: white;
}


.neon-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    font-size: 28px;
    text-decoration: none;
    border-radius: 50%;
    cursor: pointer;
    background-color: black;
    border: 2px solid #00c421
    box-shadow: 0 0 10px #0059C4,
        0 0 20px #0059C4,
        0 0 40px #00c421
    animation: colorShift 4s infinite linear;
}

.neon-btn {
      border: 2px solid #00c421
      border-radius: 10px;
      cursor: pointer;
      box-shadow: 0 0 5px #0059C4,
                  0 0 10px #0059C4,
                  0 0 20px #0059C4,
                  0 0 40px #00c421
      animation: neonPulse 1.5s infinite alternate;
      transition: 0.3s;
    }


#anuncios-btn {
    position: absolute;
    bottom: 150px;
    right: 100px;
}

@media (max-width: 750px) {

    #anuncios-btn {
        position: absolute;
        bottom: 150px;
        right: 10px;
    }
}




    @keyframes neonPulse {
      0% {
        box-shadow: 0 0 5px #0059C4,
                    0 0 10px #0059C4,
                    0 0 20px #0059C4,
                    0 0 40px #00c421
      }
      100% {
        box-shadow: 0 0 10px #0059C4,
                    0 0 20px #0059C4,
                    0 0 40px #0059C4,
                    0 0 80px #00c421
      }
    }

    .neon-btn:hover {
      background: #00c421
      color: #0a0a0a;
      transform: scale(1.05);
    }

    .neon-btn:active {
      transform: scale(0.95);
    }