body {
    margin: 0;
    display: flex;
    flex-direction: column;
    background-color: var(--bg-paper);
}

main {
    padding: 80px 0px;
}

button {
  position: fixed;
  bottom: 20px;
  right: 20px;
}


#filtro-livros {
    display: flex;
    flex-direction: column;

    cursor: pointer;
    justify-self: end;
    margin: 20px;
    gap: 10px;
    align-items: end;

    width: 200px;
}
#filtro-estrelas-dois {
    display: flex;
    flex-direction: row;
    
    font-size: 23px;
    color: var(--bg-marca);
}
#pesquisa {
    border: 0cm;
    background-color: var(--bg-white);
    outline: none;
}
#lupa-pesquisa {
    width: 20px;
    height: 20px;
}
#style-pesquisa {
    display: flex;
    flex-direction: row;
    background-color: var(--bg-white);
    padding: 10px;
    border: solid 1px rgba(0, 0, 0, 0.18);
    border-radius: 17px;
}

/* DEFINIÇÕES PARA DISPOSITIVO MÓVEL */
@media (max-width: 768px) {
    #filtro-livros {
        margin: 20px 20px 20px 150px;
        gap: 10px;
    }
}