:root{--header-height: 5.625rem}html:has(.header.--header-scroll){--header-height: 4.375rem}.button{position:relative;display:inline-block;background:#ee9200;color:#fff;text-transform:uppercase;padding:0.875rem 2.5rem;border-radius:0.375rem;text-decoration:none;overflow:hidden;transition:transform .3s ease;will-change:transform;font-weight:500;text-align:center}.button:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff80,#fff0);transform:skew(-25deg)}.button--small{padding:0.8125rem 1.5625rem}.title{font-weight:900;text-transform:uppercase;color:#ee9200;line-height:1.1;color:#fff}.title span{color:#ee9200}.title--center{text-align:center}.title--small{font-weight:500;font-size:1.625rem}.title--tiny{font-size:1.25rem}.text{line-height:1.5}.text--center{text-align:center}.text strong{font-weight:600;color:#fff}.text p:not(:last-child){margin-bottom:0.5rem}.logo{display:flex;align-items:center;column-gap:0.3125rem}.logo__img{flex-shrink:0;width:4.375rem;aspect-ratio:1;object-fit:contain;transition:width .3s}.logo__text{font-size:1.375rem;font-weight:500;color:#fff}.logo__text span{color:#ffb63a}.live{background:#1e2229;border-radius:0.375rem;padding:0.75rem;transition:background .3s ease;border:0.0625rem solid #1e2229;transition:border-color .3s}.live__header{display:grid;grid-template-columns:1fr 3.5625rem 1fr;align-items:center;justify-items:center;gap:1.5rem;margin-bottom:0.75rem}.live__date{color:#ee9200;font-weight:700;font-size:1.125rem;text-transform:capitalize}.live__status{background:#ee9200;color:#fff;text-transform:uppercase;border-radius:0.25rem;padding:0.3125rem 0.75rem;text-decoration:none;transition:background .3s ease;line-height:1.2;font-weight:800}.live__time{color:#fff;font-size:1.375rem;font-weight:900}.live__body{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center;gap:1.5rem}.live__team{width:56.25%;aspect-ratio:1;min-width:4.0625rem;max-width:5.625rem}.live__team-logo{width:100%;height:100%;object-fit:contain;transition:filter .3s ease}.live__versus{padding:0.75rem;border:0.125rem solid #ee9200;border-radius:0.375rem}.live__versus-text{color:#fff;font-size:1.5625rem;font-weight:900;text-transform:uppercase}.live__versus-text span{color:#ffb63a}@media not (max-width:90em){.title{font-size:2.25rem}.title--big{font-size:3.4375rem}}@media (max-width:61.99875em){.title--small{font-size:1.5rem}}@media (max-width:47.99875em){.logo__img{width:3.125rem}.logo__text{font-size:1.25rem}.live__versus-text{font-size:1.375rem}.live__versus{padding:0.5rem}}@media (not (max-width:35.9375em))and (max-width:90em){.title{font-size:clamp(1.75rem,1.41763005780625rem + .9248554913vw,2.25rem)}.title--big{font-size:clamp(1.875rem,0.8363439306375rem + 2.8901734104vw,3.4375rem)}}@media (max-width:35.9375em){.title{font-size:1.75rem}.title--big{font-size:1.875rem}}@media (max-width:29.99875em){.title--small{font-size:1.375rem}.title--tiny{font-size:1.125rem}.live__team-logo{width:5rem}}@media (max-width:25em){.button{width:100%}}@media not (min-width:47.99875rem){:root{--header-height: 4.375rem}}@media (any-hover:hover){.button:hover{transform:scale(1.03)}.button:hover:before{left:125%;transition:left .7s ease-in-out}.live:hover{border-color:#ffb63a}.live__status:hover{background:#ee9200b3}.live__team-logo:hover{filter:brightness(.7)}}