Mazo de tarjetas deslizable

<div class="uv-ksd"><p class="ti">¿A dónde viajamos?</p><div class="dk"><article style="--g:#ff9a8b,#ff6a88"><span class="ph"></span><b>Kioto</b><span>Japón</span><i class="nope">Paso</i><i class="like">Me gusta</i></article><article style="--g:#ffd36e,#f79d5c"><span class="ph"></span><b>Lisboa</b><span>Portugal</span><i class="nope">Paso</i><i class="like">Me gusta</i></article><article style="--g:#89f7fe,#66a6ff"><span class="ph"></span><b>Islandia</b><span>Ring Road</span><i class="nope">Paso</i><i class="like">Me gusta</i></article><article style="--g:#f6d365,#fda085"><span class="ph"></span><b>Marrakech</b><span>Marruecos</span><i class="nope">Paso</i><i class="like">Me gusta</i></article></div><div class="bt"><button type="button" class="no" aria-label="Descartar"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg></button><button type="button" class="ys" aria-label="Me gusta"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z"/></svg></button></div></div>