Na documentação temos as seguintes variáveis:--swiper-navigation-size: ( altera o tamanho das setas ), --swiper-navigation-sides-offset: ( espaçamentos das setas ), --swiper-navigation-color: ( cores das setas )
meu ficou assim: --swiper-navigation-size: 20px; --swiper-navigation-sides-offset: 0px; --swiper-navigation-color: #fff;
no css estilizei dessa forma: .swiper-button-prev, .swiper-button-next{ background: var(--azul-degrade); padding: 1.3em 1.7em; border-radius: 50%; display: block; }
Dessa forma consegui trazer igual ao do Figma, esse método de usar as variáveis dessa forma traz algum problema ? lembrando que essas variáveis deixei no root no styles.css