.game-row{

margin:50px;

}

.row-header{

display:flex;

align-items:center;

margin-bottom:20px;

}

.row-header h2{

flex:1;

font-size:30px;

color:#FFD700;

}

.scroll-btn{

width:45px;

height:45px;

margin-left:10px;

border-radius:50%;

}

.row-games{

display:flex;

overflow-x:auto;

gap:20px;

scroll-behavior:smooth;

padding-bottom:10px;

}

.row-games::-webkit-scrollbar{

display:none;

}

.row-card{

position:relative;

min-width:280px;

height:170px;

border-radius:15px;

overflow:hidden;

flex-shrink:0;

cursor:pointer;

transition:.3s;

}

.row-card img{

width:100%;

height:100%;

object-fit:cover;

transition:.4s;

}

.row-card:hover{

transform:scale(1.08);

z-index:5;

}

.row-card:hover img{

transform:scale(1.15);

}

.overlay{

position:absolute;

left:0;

right:0;

bottom:0;

padding:20px;

background:linear-gradient(transparent,rgba(0,0,0,.9));

}

.overlay h3{

margin-bottom:15px;

}