.entain-promote-wrapper{
   width: 100%;
   max-width: var(--content-max-width);
   padding-left: 0rem;
   padding-right: 0rem;
   margin: 0 auto 0.75rem;


}
.entain-promote {
  --entain-promote-text: #ffffff;
  --entain-promote-muted: rgba(255, 255, 255, 0.72);
  --entain-promote-bg-start: var(--brand-main);
  --entain-promote-bg-end: var(--brand-main-hover);
  --entain-promote-button-bg: var(--brand-accent);
  --entain-promote-button-bg-hover: var(--brand-btn-primary-hover-bg);
  --entain-bestbet-button-bg: #FFF;


  display: flex;
  /* flex: 0 0 auto;  */
  align-items: center;
  justify-content: space-between;
  /* gap: 1rem;
   */

  width: 100%;
  min-height: 48px;
  padding: 1rem;

  margin: 0 auto;
  max-width: var(--content-max-width);

  color: var(--entain-promote-text);
  background: linear-gradient(90deg, var(--entain-promote-bg-start) 0%, var(--entain-promote-bg-end) 100%);

  box-sizing: border-box;
  overflow: hidden;
}

.theme-ladbrokes .entain-promote {
  --entain-promote-bg-start: #048C8E;
  --entain-promote-bg-end: #4C8EF4;
  /* --entain-promote-button-bg: #022834; */
  --entain-promote-button-bg-hover: #021b23;
  background: linear-gradient(
    90deg,
    var(--entain-promote-bg-start) 50%,
    rgb(from var(--entain-promote-bg-end) r g b / 0.8) 100%
  ),
  url(../images/l-pattern-white.png) repeat center / 40%,
  var(--entain-promote-bg-end);
}


.theme-neds .entain-promote {
  --entain-promote-bg-start: #6f2df6;
  --entain-promote-bg-end: #5d1ed2;
  /* --entain-promote-button-bg: #3d237a; */
  --entain-promote-button-bg-hover: #2f1a63;
}
.theme-foxy .entain-promote {
  --entain-promote-bg-start: var(--bg-foreground-tertiary);
}

.entain-promote__content {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.entain-promote__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;

  width: 30px;
  height: 30px;

  color: #ffffff;
}

.entain-promote__icon-svg {
  display: block;
  width: 100%;
  height: 100%;
}

.entain-promote__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  line-height: 1;
}

.entain-promote__label {
  margin-bottom: 3px;

  
  font-size: 12px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;

  color: var(--entain-promote-muted);
  white-space: nowrap;
}

.entain-promote__title {
  font-family: var(--brand-title-font);
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase;

  color: var(--entain-promote-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.entain-promote__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--brand-custom-font);
  /* flex: 0 0 auto; */

  min-height: 28px;
  padding: 12px 16px;


  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;

  color: var(--brand-btn-primary-color);
  background-color: var(--entain-promote-button-bg);
  border-radius: var(--cta-btn-border-radius);

  transition:
    background-color 0.2s ease,
    transform 0.2s ease;
}

.entain-promote__button:hover,
.entain-promote__button:focus-visible {
  background-color: var(--entain-promote-button-bg-hover);
}

.entain-promote__button:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

.entain-promote__button:active {
  transform: translateY(1px);
}

/** Best bet updates **/
.entain-promote--best-bet .entain-promote__button{
  /* display: flex;
  align-items: center;
  flex-wrap: wrap; */
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 3 equal columns */
  grid-template-columns: max-content 1fr;
  gap: 0;
  column-gap: 3px;
  background-color: var(--entain-bestbet-button-bg);
  /* border-radius: var(--cta-btn-border-radius); */
  padding: 0.5rem 1rem;
  color: #000;
  font-size: 24px;
  font-weight: 700;
  text-transform: none;
  /* width: fit-content; */
  /* width: min-content; */

  justify-items: center;

}

.entain-promote--best-bet .entain-promote__silk{
  width: 30px;
  height: auto;
}
.entain-promote--best-bet .entain-promote__entrant-name{
  font-size: 12px;
  font-weight: 400;
  color: #000;
  text-align: center;
  grid-column: 1 / -1;
  width: min-content;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 190px; 
}

.entain-promote--best-bet-runneronly .entain-promote__button{
  display: flex;

}
.entain-promote--best-bet-runneronly .entain-promote__fixed-win{
  display: none;
}
.entain-promote--best-bet-runneronly .entain-promote__entrant-name{
  font-size: 16px; 
}


@media (min-width: 960px) {
  .entain-promote-wrapper{
    margin: 1.5rem auto 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .entain-promote{
    border-radius: var(--brand-border-radius-medium);
    padding: 1rem;
  }
  .entain-promote__title {
    font-size: 22px;
  }
  .entain-promote__label {
    font-size: 12px;
  }
  .entain-promote__icon {
    /* width: 40px;
    height: 40px; */
  }
  .entain-promote__button {
    min-height: 36px;
    padding-inline: 20px;
    font-size: 14px;
  }
}

/* Small screens */
@media (max-width: 360px) {
  .entain-promote {
    gap: 0.75rem;
    padding-inline: 10px;
  }

  .entain-promote__icon {
    width: 26px;
    height: 26px;
  }

  .entain-promote__label {
    font-size: 8px;
    letter-spacing: 0.14em;
  }

  .entain-promote__title {
    font-size: 12px;
  }

  .entain-promote__button {
    min-height: 26px;
    padding-inline: 10px;
    font-size: 12px;
  }
}

/* Very narrow screens: stack button below */
@media (max-width: 280px) {
  .entain-promote {
    flex-direction: column;
    align-items: stretch;
  }

  .entain-promote__button {
    width: 100%;
  }
}

/* VWO hiding for tests */
/* .entain-promote--best-bet{
  display: none;
}
.entain-promote--featured{} */