Help - CSS code to edit Featured Collection slider

[KpopMoon]

Hi!

I want to edit my featured collection sliders on my front page to have a ‘view all’ link inbetween the slider left and right arrows. I used a CSS code to remove the numbers 1/9 already. I don’t like having the large button below and not keen on having the featured collection title linked as it may not be obvious for people.

I think it’ll look nice and neat like this;

< View all >

This is the code I used to take away the 1/9 text;

@media (max-width: 768px) {
.slider-counter {
display: none !important;
}

Pic attached of my front page and the url of my store is kpopmoon.co.uk

Thanks in advance!