.sports-layout{

display:flex;

gap:20px;

padding:25px;

}



.matches{

flex:1;

}



.sports-tabs{

display:flex;

gap:15px;

margin-bottom:25px;

}



.sports-tabs button{

background:#211a00;

color:white;

border:1px solid #ffc107;

padding:12px 25px;

border-radius:30px;

cursor:pointer;

}



.sports-tabs .active{

background:#ffc107;

color:#000;

}




.match-card{


background:#211a00;

border-radius:20px;

padding:20px;

margin-bottom:20px;

border:1px solid #443600;


}



.match-header{

display:flex;

justify-content:space-between;

padding-bottom:15px;

border-bottom:1px solid #443600;

color:#aaa;

}



.live{

color:#00ff66;

}



.teams{

display:flex;

justify-content:space-between;

align-items:center;

padding:25px 0;

text-align:center;

}



.score{

font-size:30px;

color:#ffc107;

font-weight:bold;

}



.odds{

display:flex;

gap:15px;

}



.odds button{

flex:1;

padding:15px;

background:#fff;

border:none;

border-radius:10px;

font-size:18px;

cursor:pointer;

}



.odds button:hover{

background:#ffc107;

}





.bet-slip{

width:300px;

background:#fff;

color:#222;

border-radius:20px;

padding:25px;

height:250px;

}



.bet-slip h2{

color:#222;

}



.empty{

padding:30px 0;

text-align:center;

color:#777;

}



.place{

width:100%;

background:#ffc107;

padding:15px;

border:none;

border-radius:25px;

font-weight:bold;

}





@media(max-width:800px){


.sports-layout{

display:block;

}



.bet-slip{

width:100%;

margin-top:20px;

}



.teams{

font-size:14px;

}


}