.credit-shop {
  .winner {
    height: 146px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    .number {
      margin-top: 10px;
      font-weight: bold;
      font-size: 18px;
    }
  }
}

.raffle {
  #raffle-price {
    border: 2px solid #000;
    padding: 10px;
    background: #ebe56f;
    .border-radius(50px);
    font-size: 16px;
    font-weight: bold;
    display: none;
  }

  .description {
    margin-bottom: 10px;
  }

  .rewards {
    margin-bottom: 20px;
  }

  .numbers {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: 10px;

    .number {
      width: 100%;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 45px;
      background: #ccc;
      border: 1px solid #ccc;
      font-size: 18px;

      &.allowed {
        background: #ccf;
        border-color: #ccf;

        &:hover, &.active {
          background: #ccf;
          color: blue;
          text-decoration: none;
          border-color: blue;
        }
      }

      &.my {
        border-color: #afaf02;
      }
    }
  }
}