.capsula_de_btns {
    --tamanho: 200px;
    --ativa_borda: var(--tamanho) solid rgba(128, 128, 128, 0.5);
    --inativa_borda: calc(var(--tamanho) / 2) solid transparent;
    position: fixed;
    /* border: yellow solid 3px; */
    background-color: rgba(0, 0, 0, 0);
    top: calc(((100vh - var(--tamanho)) / 2));
    left: calc((100vw - var(--tamanho)) / 2);
    height: var(--tamanho);
    width: var(--tamanho);
    z-index: 999;
}

.botao {
    position: absolute;
    height: var(--tamanho);
    width: var(--tamanho);
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    border-top: var(--inativa_borda);
    border-bottom: var(--inativa_borda);
    border-right: var(--inativa_borda);
    border-left: var(--inativa_borda);
    border-radius: var(--tamanho);
}


.botao_anterior {
    right: var(--tamanho);
    border-right: var(--ativa_borda);
}

.botao_descer {
    top: var(--tamanho);
    border-top: var(--ativa_borda);
}

.botao_subir {
    bottom: var(--tamanho);
    border-bottom: var(--ativa_borda);
}

.botao_proximo {
    left: var(--tamanho);
    border-left: var(--ativa_borda);
}