/*.hot-matches .section-title {*/
/*    position: relative;*/
/*    padding-left: 12px;*/
/*    margin-bottom: 12px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    white-space: nowrap;*/
/*    color: #fff5f5;*/
/*    font-family: "UTMGodsWord";*/
/*    text-transform: uppercase;*/
/*    font-weight: 700*/
/*}*/

/*.hot-matches .section-title:before {*/
/*    content: "";*/
/*    width: 4px;*/
/*    height: 20px;*/
/*    border-radius: 4px;*/
/*    background: linear-gradient(257deg,#f33a2f 9.22%,#b80708);*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 0;*/
/*    transform: translateY(-50%)*/
/*}*/

/*.hot-matches .section-title h1 {*/
/*    line-height: 28px;*/
/*    font-size: 18px;*/
/*    font-style: normal*/
/*}*/

/*.hot-matches .section-title span {*/
/*    padding: 0 .25rem*/
/*}*/

/*.list {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(4,1fr);*/
/*    grid-gap: 1.5rem;*/
/*    gap: 1.5rem*/
/*}*/

.xo-sport-item {
    width: 260px;
    cursor: pointer;
    position: relative;
    transition: all .1s ease-in-out
}

.xo-sport-item:hover {
    transform: scale(1.01)
}

.xo-sport-item:hover .hover-dark {
    opacity: 0
}

.xo-sport-item:hover .btn-name,.xo-sport-item:hover .hover-light {
    opacity: 1
}

.xo-sport-item .hover-light {
    opacity: 0
}

.xo-sport-item .hover-dark,.xo-sport-item .hover-light {
    position: absolute;
    width: 66%;
    top: 9.8%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 8px 8px 0 0;
    z-index: 1;
    transition: opacity .2s linear
}

.xo-sport-item .pin {
    width: 25px;
    position: absolute;
    bottom: .2%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2
}

.xo-sport-item .btn-name {
    opacity: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    padding: 8px;
    font-family: "UTMGodsWord",sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    font-style: normal;
    background: linear-gradient(257.15deg,#f33a2f 9.22%,#b80708);
    border-radius: 4px;
    color: #fff5f5;
    white-space: nowrap;
    transition: opacity .2s linear
}

.xo-sport-item .logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 38px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3
}

.xo-sport-item .logo img {
    width: 64px;
    margin-bottom: -5px
}

.xo-sport-item .logo .logo-title {
    text-transform: uppercase;
    white-space: nowrap;
    font-family: "UTMGodsWord",sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    font-style: normal;
    font-weight: 700;
    color: #fff5f5
}