ME AJUDEM PF - Botão “anterior” e “próximo” no carrossel sem JS

Front-end
#1

Boa tarde, gostaria de saber se existe como fazer um botão de anterior e próximo em um carrossel usando somente CSS e Html.

Este é meu carrossel. Estou usando uma tecnologia chamada AMP. Porém o carrossel funciona igualmente um carrossel normal.

<amp-carousel class="carousel1" layout="responsive" height="230" width="200" type="slides">
            <div class="slide">
                <amp-img src="/maca" class="imageone"></amp-img>
                <amp-fit-text layout="responsive" width="500" height="150">
                    <h3> Passo 1</h3>
                    <p>Quais os benefícios da maça?</p>
                </amp-fit-text>
            </div>

E criei um link assim:

<div class="previous_next_link" style="font-size: 14px; color:#007AB7; font-weight: light;text-align: center;">
            <a style="margin-right: 15px;" href="">anterior</a>
            <a style="margin-right: 30px;" href="">proximo</a>
        </div>

Como eu consigo conectar o carrossel, para ele passar entre slides de acordo com o clique de “próximo” e “anterior”???

Pfv me ajudem.

#2

exemplo de carousel composto apenas de HTML + CSS

Eu nao conheco AMP mas com um pouco de exploracao no link acima voce consegue adaptar o seu codigo.
Boa sorte! :wink:

#3

Use o BOOTSTRAP ou MATERIALIZE são ótimas ferramentas para trabalhar com carrossel etc. Tem toda uma documentação para te auxiliar…