dias-disponivel {
    display: inline-flex;
    flex-direction: column;
    gap: var(--espaco-interno);
    width: max-content;
    max-width: 100%;
    box-sizing: border-box;
}

dias-disponivel .dias-disponivel {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--espaco-interno);
    max-width: 100%;
    box-sizing: border-box;
}

dias-disponivel button {
    flex: 1 1 3.5em;
    min-width: 0;
    height: var(--altura-2);
}

dias-disponivel button.ativo {
    background-color: var(--cor-texto);
    color: var(--cor-fundo);
    border-color: var(--cor-fundo);
}

dias-disponivel button:hover,
dias-disponivel button.ativo:hover {
    border-color: var(--cor-azul);
    cursor: pointer;
}