#historia{
    width: 96%;
    margin: auto;
}

#historia-content{
    display: flex;
    gap: 20px;
    align-items: center;
}

#historia-content button{
    background-color: var(--roxo-vip);
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 100%;
}
#historia-content button:hover{
    background-color: var(--Roxo-profundo);
    transition: all 0.3s ease;
}

#historia-content button img{
    width: 17px;
    height: 17px;
}

#linha-do-tempo p{
    border: 2px solid var(--color-grey);
    padding: 20px;
    margin-bottom: 20px;
    border-radius: var(--bradius-card);
}



@media (max-width: 600px) {
iframe{
    width: 100%;
}

}




/* Adicione ao seu arquivo /styles/historia.css */