/* line 2, ../src/sass/lotto.scss */
.lotto--box__shadow {
  height: 2px;
  background: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 0.08) 100%);
  position: relative;
}
@media screen and (max-width: 767px) {
  /* line 8, ../src/sass/lotto.scss */
  .lotto--box__container {
    background: white;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  }
}
@media screen and (max-width: 767px) {
  /* line 16, ../src/sass/lotto.scss */
  .lotto--box__header__title {
    height: 54px !important;
  }
}
@media screen and (max-width: 767px) {
  /* line 21, ../src/sass/lotto.scss */
  .lotto--box__header__title span {
    font-family: 'Averta ExtraBold';
  }
}
/* line 29, ../src/sass/lotto.scss */
.lotto--box__more__icon {
  font-size: 16px;
  margin-left: 5px;
  position: absolute;
  top: 2px;
}
/* line 36, ../src/sass/lotto.scss */
.lotto--box__content {
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.07);
  padding: 10px 13px;
}
@media screen and (max-width: 767px) {
  /* line 36, ../src/sass/lotto.scss */
  .lotto--box__content {
    box-shadow: 0 -4px 7px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 -4px 7px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 -4px 7px rgba(0, 0, 0, 0.07);
  }
}
/* line 50, ../src/sass/lotto.scss */
.lotto--box__content--desc {
  font-size: 12px;
  color: #777777;
  font-family: 'Roboto';
  display: block;
}
/* line 57, ../src/sass/lotto.scss */
.lotto--box__content__numbers {
  display: flex;
  justify-content: space-between;
  margin: 10px 0 13px 0;
}
/* line 62, ../src/sass/lotto.scss */
.lotto--box__content__numbers--number {
  border: 2px solid #ffd955;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
/* line 71, ../src/sass/lotto.scss */
.lotto--box__content__numbers--number span {
  font-size: 20px;
  color: #111111;
  font-weight: bold;
  display: block;
}
/* line 80, ../src/sass/lotto.scss */
.lotto--box__content__results {
  margin: 10px 0 1px 0;
}
/* line 83, ../src/sass/lotto.scss */
.lotto--box__content__results p {
  text-transform: uppercase;
  color: #d50033;
  font-family: 'Averta Bold';
  font-size: 12px;
  text-align: center;
  position: relative;
}