.nmatchs{
    padding: 20px 3vw;
}
.nmatchs-top{
    padding-bottom: 20px;
}
.nmatchs-top-title{
    color: #00181e; font-weight: bold; font-size: 18px;
}
.nmatchs-top-title::before{
    content: ''; width: 4px; height: 16px; background: #00181e; border-radius: 4px; margin-right: 6px;
}
.nmatchs-top-desc{
    margin-right: auto; font-size: 12px; color: #666666; margin-left: 10px; padding-top: 10px;
}
.nmatchs-top-btn{
    padding: 0px 20px; display: flex; justify-content: center; align-items: center;
    background: #00181e; border: 0px; margin-left: 10px; height: 36px; color: #FFFFFF;
    border-radius: 18px; cursor: pointer; transition: all 0.2s ease-in-out;
}
.nmatchs-top-btn:hover{
    background: #ff0147; color: #ffffff;
}
.nmatchs-list{
    display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px;
}
.nmatchs-list-item{
    padding: 20px; background: #00181e; border-radius: 8px; color: #FFFFFF;
    transition: all 0.2s ease-in-out;
}
.nmatchs-list-item-date span{
    margin-right: 5px;
}
.nmatchs-list-item-teams{
    display: flex; justify-content: flex-start; align-items: center; font-weight: bold;
}
.nmatchs-list-item-teams-logo{
    width: 25px; height: 25px; background: no-repeat center center; background-size: cover; border-radius: 50%; margin: 10px;
    border: #f2f2f2 solid 1px;
}
.nmatchs-list-item-odds{
    display: grid; grid-template-columns: repeat(6, 1fr); border-top: rgba(255,255,255,0.1) solid 1px; margin-top: 10px;
}
.nmatchs-list-item-odds-label{
    display: flex; justify-content: center; align-items: center; height: 36px;
}
.nmatchs-list-item:hover{
    background-image: linear-gradient(to bottom, #00181e, rgba(255, 37, 58, 0.2));
}