.scroll-wrapper {
position: relative;
width: 100%;
max-width: 900px;
margin: 10px auto;
overflow: hidden;
}

.scroll-container {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
scrollbar-width: none; /* Firefox */
}

.scroll-container::-webkit-scrollbar {
display: none; /* Chrome, Safari */
}

.item {
width: auto;
height: 180px;
margin: 10px;
background-color: #ccc;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
    border-radius: 4px;
}

.scroll-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0,0,0,0.5);
color: white;
border: none;
padding: 5px;
cursor: pointer;
z-index: 1;
font-size: 18px;
line-height: 1;
}

.scroll-btn.left {
left: 0;
}

.scroll-btn.right {
right: 0;
}