.doc.promotion-page > app-widget-host > app-block {
    flex-wrap:unset;
}
.promo-page .content .heading {
    margin:30px 0px;
    justify-content:center;
    align-items:center;
}
.mobile .promo-page .content .heading {
    justify-content:flex-start;
    padding:0 var(--c-mobile-padding)
}
.promo-page .heading .icon {
    width:45px;
    margin-right:8px;
}
.mobile .promo-page .heading .icon {
    width:30px;
}
.promotions-content {
    flex-wrap:wrap;
    
    
}
.desktop .promotions-content {
    padding:0 10px;
}
.promotions-content > app-widget-host {
    /* gap:20px; */
}
.promotions-menu {
    margin-bottom:10px;
    padding:0px 20px;
}
.mobile .promotions-menu {
    padding:0px var(--c-mobile-padding)
}
.promotions-menu .promotions-menu-item  {
    min-height:40px;
    font:var(--t-small-text-bold);
    color:var(--c-accent-color);
    align-items:center;
    justify-content:center;
    border:1px solid var(--c-accent-color);
    border-radius:var(--r-10);
    cursor:pointer;
}
.promotions-menu .promotions-menu-item:not(:last-child) {
    margin-right:8px;
}
.promotions-menu .promotions-menu-item > app-widget-host {
    padding:0px 10px;
}
.promotion {
    max-width:392px;
    background-color:var(--c-background-white);
    border-radius:var(--r-10);
    padding-bottom:15px;
    margin:10px;
    width: 100%;
}
.promo-image {
    border-radius:var(--r-10);
    overflow:hidden;
    /* min-height:150px; */
}
.promo-text {
    font:var(--t-small-text-normal);
    color:var(--c-text-dark-e);
    margin-top:10px;
    padding:10px;
    
}
.promo-buttons {
    padding:0px 10px;
    justify-content:space-between;
    margin-top:auto;
}
.promo-buttons button {
    margin:0;
    
}
.promo-button {
     width:100%;
}
.promo-buttons .beto-button {
   
    display:flex;
}
.promo-buttons .promo-button:first-of-type {
    margin-right:auto;
}
.promo-buttons .beto-button ui-button {
    display:block;
    width:100%;
}
.promo-buttons .beto-button ui-button button {
    width:100%;
    min-height:40px;
    border-radius:var(--r-10);
    font:var(--t-small-text-bold);
}
.promo-buttons .play .beto-button ui-button button  {
    background-color:var(--c-accent-color);
    
    color:var(--c-text-light-e);
    border:0;
}
.promo-buttons .learn-more .beto-button ui-button button {
    background-color:transparent;
    color:var(--c-text-dark-blue);
    border:1px solid var(--c-text-dark-blue)
}
.promotions-content.seasonal,
.promotions-content.betting-offers,
.seasonal-offers .promotions-content.hot-offers,
.seasonal-offers .promotions-content.betting-offers,
.betting-offers .promotions-content.hot-offers,
.betting-offers .promotions-content.seasonal-offers{
    display:none;
}
.seasonal-offers .promotions-content.seasonal,
.betting-offers .promotions-content.betting-offers{
    display:flex;
}
#root:not(.seasonal-offers):not(.betting-offers) .promotions-menu .promotions-menu-item.hot,
#root.seasonal-offers .promotions-menu .promotions-menu-item.seasonal,
#root.betting-offers .promotions-menu .promotions-menu-item.betting{
    background-color:var(--c-accent-color);
    color:var(--c-text-light-e)
}
.promotion-image {
    /* height:100%; */
    display: block;
}
.promotion-page .body {
    position:relative;
}
.promotion-page .content-top {
    /* position:absolute; */
    z-index:9;
    width: 100%;
    /* padding-top:var(--c-mobile-padding); */
} 
.mobile .promotion-page .content-top {
    padding-top:var(--c-mobile-padding);
}
.doc.promotion-page .promotion-image {
     position:relative;
     overflow:hidden;
   
     /* top:0px; */
}
.doc.promotion-page .promotion-image img {
     border-radius:var(--r-10);
    
}
.desktop .doc.promotion-page .site-breadcrumbs {
    margin-bottom:0px;
}
.doc.promotion-page .promotions.cta-link {
    max-width:110px;
}
.doc.promotion-page .promotions.cta-link div {
    width:100%;
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:var(--c-accent-color);
    border-radius:var(--r-10);
    font:var(--t-small-text-bold);
    margin-bottom:30px;
    color:var(--c-text-light-e)
}
.promotions-text {
    font:var(--t-body-text);
    color:var(--c-text-light-e);
    margin:50px 0px;
}
.promotions-text img{
    margin-right: 5px
}
.mobile .doc.promotion-page .promotions.cta-link {
    margin:0px var(--c-mobile-padding);
   
    
}
.mobile .promotions-text {
    margin:20px var(--c-mobile-padding) 20px var(--c-mobile-padding);
}
.mobile .promotions-text p{
    line-height: 1.3
}