lista-vertical {
    display: inline-block;
    position: relative;
    width: fit-content;
}

lista-vertical > div {
    position: relative;
    width: 100%;
}

.lista-vertical-botao {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.lista-vertical-botao input {
    width: fit-content;
    height: var(--altura-2);
    border: var(--borda-normal);
    border-radius: var(--borda-raio);
    background-color: var(--cor-fundo);
    color: var(--cor-texto);
    padding: var(--espaco-interno);
    padding-right: 2rem;
    text-align: center;
    cursor: pointer;
}

.lista-vertical-botao input:focus {
    outline: none;
    border-color: var(--cor-azul);
}

.lista-vertical-seta {
    position: absolute;
    right: var(--espaco-interno);
    pointer-events: none;
    color: var(--cor-texto);
}

.lista-vertical-seta-aberta {
    transform: rotate(180deg);
}

.lista-vertical-opcoes {
    display: none;
    position: absolute;
    z-index: 10;
    width: 100%;
    margin-top: var(--espaco-interno);
    border: var(--borda-normal);
    border-radius: var(--borda-raio);
    background-color: var(--cor-fundo);
    overflow: hidden;
}

.lista-vertical-opcoes-aberta {
    display: block;
}

.lista-vertical-item {
    padding: var(--espaco-interno);
    text-align: center;
    cursor: pointer;
}

.lista-vertical-item:hover,
.lista-vertical-item-selecionado {
    background-color: var(--cor-cinza);
    color: var(--cor-azul);
}