.btn-wpp {
    background-color: rgb(61, 167, 74) !important;
    border-color: rgb(79, 206, 93) !important;
    color: rgb(255, 255, 255) !important;
    line-height: 20px;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;

}


.btn-wpp::before {
    content: "\F618";
    font-size: 1.2em;
    padding-right: 10px;
    font-family: 'bootstrap-icons';
}



.btn-ig {
    background-color: rgb(150, 23, 54) !important;
    border-color: #ff6188 !important;
    color: rgb(255, 255, 255) !important;
    line-height: 20px;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;

}

.btn-outline-ig {
    border-color: rgb(150, 23, 54) !important;
    line-height: 20px;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;

}

.btn-ig::before,
.btn-outline-ig::before {
    content: "\F437";
    font-size: 1.2em;
    padding-right: 10px;
    color: rgb(150, 23, 54) ;
    font-family: 'bootstrap-icons';
}

.btn-ig::before {
    color: white
}

.btn-google {
    background-color: rgb(29, 151, 233) !important;
    border-color: rgb(35, 112, 255) !important;
    color: rgb(255, 255, 255) !important;
    line-height: 20px;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;

}

.btn-outline-google {
    border-color: rgb(35, 112, 255) !important;
    line-height: 20px;
    justify-content: center !important;
    align-items: center !important;

    display: flex !important;

}

.btn-google::before,
.btn-outline-google::before {
    content: "\F3F0";
    font-size: 1.2em;
    padding-right: 10px;
    color: rgb(35, 112, 255);
    font-family: 'bootstrap-icons';
}

.btn-google::before {
    color: white
}

.btn-pix {
    background-color: #30B6A8 !important;
    border-color: #30B6A8 !important;
    color: #30B6A8 !important;
    line-height: 20px;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;

}

.btn-outline-pix {
    border-color: #30B6A8 !important;
    line-height: 20px;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;

}

.btn-pix::before,
.btn-outline-pix::before {
    content: "\F624";
    font-size: 1.2em;
    padding-right: 10px;
    color: #30B6A8 !important;
    font-family: 'bootstrap-icons';
}


/* 
.btn-grow{
    transition-duration: .3s;
    transition-property: transform;
}



 */

.btn-grow {
    animation: bg-grow-animation 2s infinite;
}

@keyframes bg-grow-animation {
    0% {
        padding-left: 1%;
        padding-right: 1%;
    }

    50% {
        padding-left: 3%;
        padding-right: 3%;

    }

    100% {
        padding-left: 1%;
        padding-right: 1%;
    }
}