.eventContainer {
  @include flex-align(center, space-between);
  > * {
    padding: 1.6rem;
  }
}

.name {
  flex: 1;
}

.containerHeader {
  @include flex-align(center, space-between);
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  padding: 0 1.6rem;
  background-color: linear-gradient(108.74deg, rgba(2, 3, 21, 0.77) 0%, rgba(43, 43, 51, 0.6) 100%);
}

.oddsContainer {
  
  > div {
    position: relative;
    @include border-gradient-single(linear-gradient(
      108.74deg,
      rgba(4, 18, 148, 0.6) 0%,
      rgba(255, 255, 255, 0.54) 36.46%,
      rgba(255, 255, 255, 0.3) 73.96%,
      rgba(255, 255, 255, 0.246) 100%
    ),transparent);
  }

  >div:first-child {

  }
}

.team {
  @include flex-align(center, flex-start);
  gap: 1rem;
}

.name {
  @include flex-direction(column);
  gap: 1rem;
}

.odds {
  @include flex-align(center, flex-end);
  gap: 1rem;
  flex-basis: 35%;

  > span {
    width: 100%;
    background: #ffffff;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #17182f;
    @include flex-align(center, space-between);
    gap: 1rem;
    padding-right: 0.5rem;

    > a {
      height: 4rem;

      img {
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px;
      }
    }

    
  }
}
.offerType {
    font-weight: 400;
    font-size: 14px;
    color: #6E6E84;
  }


  .up:after {
    @include arrow(#5CE482, .5rem, up);
    transform: rotate(358deg);
  }

  .down:after {
    @include arrow(#F2281D, .5rem, up);
    transform: rotate(180deg);
  }