Code sladar
<xml> <style> .stories-container { max-width: 600px; margin: 24px auto; position: relative; } .stories-container .previous-btn, .stories-container .next-btn, .stories-full-view .previous-btn, .stories-full-view .next-btn { width: 30px; position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); background: #444; color: #fff; border-radius: 50%; padding: 10px; display: flex; cursor: pointer; } .stories-container .previous-btn, .stories-container .next-btn { opacity: 0; pointer-events: none; transition: all 400ms ease; } .stories-container .previous-btn.active, .stories-container .next-btn.active { opacity: 1; pointer-events: auto; } .stories-container .previous-btn, .stories-full-view .previous-btn { left: 8px; } .stories-container .next-btn, .stories-full-view .next-btn { right: 8px; } .stories-container .story { height: 180px; width: 120px; flex-shrink: 0; border-rad...