.afp-wrapper {
    padding:20px;
    border-radius:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
    transition:all .3s ease;
}

.afp-barra {
    width:100%;
    height:12px;
    background:#e5e5e5;
    border-radius:50px;
    overflow:hidden;
    margin-top:10px;
}

.afp-progresso {
    height:100%;
    width:0%;
    border-radius:50px;
    transition:width .6s cubic-bezier(.4,0,.2,1);
}

.afp-icone {
    text-align:right;
    font-size:18px;
    margin-top:10px;
    opacity:0.6;
    transition:opacity .3s ease;
}

.afp-wrapper.ativo .afp-icone {
    opacity:1;
}