:root
{
    --colorPrincipal:#dc107f;
    --colorSecundario:#3c5393;
    --color_textos:rgb(50,50,50);
    --colorWhite: rgb(255,255,255);
}

.btnW{
    width: 100%;
    height: auto;
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btnW button{
    width: 85%;
    height: 55px;
    border: none;
    cursor: pointer;
    font-size: 25px;
    color: var(--colorWhite);
    background-color: var(--colorPrincipal);
    border-radius: 20px;
    transition: .6s;
}

.btnW button:hover{
    transform: translate(15px);
}

.btnW button i{
    font-size: 24px;
    margin-left: 5px;
    color: var(--colorWhite);
    transition: .6s;
}

.btnW button:hover i{
    transform: rotate(360deg);
}

@media only screen and (max-width: 768px){
    .btnW button{
        width: 85%;
    }
}
@media only screen and (max-width: 600px){
    .btnW button{
        width: 90%;
    }
}