.statistic-liga-title-container{position: relative; background: var(--color-liga-gradation); width: 100%; }
.statistic-liga-title-container .width-max{max-width: var(--body-container); width: 100%; padding: 13px 0;}
.statistic-liga-title-container > * {color: #FFFFFF;}
.statistic-liga-title-container .title{font-weight: 700; margin-bottom: 5px; font-size: 16px;}
.statistic-liga-title-container .subtitle{font-size: 12px;}

.list-liga-menu-container{position: relative; z-index: 9; overflow: scroll; box-sizing: content-box; -ms-overflow-style: none; scrollbar-width: none; padding-bottom: var(--size-2);}
.list-liga-menu{display: flex; gap: 8px; justify-content: space-between;}
.btn-liga-menu{ display: flex; gap: 4px; padding: 8px 21px; color: #000; font-weight: 400 !important; border: 1px solid var(--color-liga-primary); border-radius: 13px; background: #FFFFFF !important;}
.btn-liga-menu:hover{background: var(--color-liga-primary) !important; color: #FFFFFF !important;}
.btn-liga-menu span{color: var(--color-liga-primary); font-weight: 700;}
.btn-liga-menu:hover span{color: #FFFFFF !important;}

@media screen and (min-width:0px) and (max-width:1023px){
  .statistic-liga-title-container .width-max{padding: 13px 0;}
  .statistic-liga-title-container .title, .list-liga-menu{padding-left: 13px;}
}

@media screen and (min-width:1024px){
  .menu-liga-title-container{background: none;}
  .liga-page-container{background: var(--color-liga-gradation);}
  .liga-page-container .width-max{display: flex; gap: var(--size-2); align-items: center; padding: var(--size-2);}
  .liga-page-container *{text-transform: capitalize;}
  .liga-page-container .list-liga-menu-container{padding-bottom: 0 !important;}
  .liga-page-container button.btn-liga-menu{background: none !important; border: none !important; color: #FFFFFF !important;}
  .liga-page-container button.btn-liga-menu span{color: #FFFFFF;}
  .liga-page-container .title{margin-bottom: 0 !important;}
}