.scroll-container{display:flex;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;max-width:808px;margin:30px auto;padding:20px 0;position:relative;background:#e0f7fa}.card{flex:0 0 200px;height:250px;margin-right:16px;background:#fff;box-shadow:0 4px 8px rgb(0 0 0 / .1);border-radius:10px;display:flex;justify-content:center;align-items:center;position:relative;padding:20px;box-sizing:border-box;transition:transform 0.2s ease-in-out}.card:hover{transform:translateY(-5px);cursor:pointer}.card img{max-width:100%;max-height:100%}.card-title{position:absolute;bottom:10px;width:100%;text-align:center;color:#333;font-size:16px}.scroll-container::-webkit-scrollbar{display:none}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);border:none;background-color:#fff;border-radius:50%;width:30px;height:30px;cursor:pointer;box-shadow:0 2px 4px rgb(0 0 0 / .2);z-index:1000}.left{left:10px}.right{right:10px}