.icon-button,
.btn-clean {
  position: relative;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  z-index: 1;
  cursor: pointer;
}
.icon-button .icon,
.btn-clean .icon,
.icon-button .icon-default,
.btn-clean .icon-default {
  position: relative;
}
.icon-button .icon:after,
.btn-clean .icon:after,
.icon-button .icon-default:after,
.btn-clean .icon-default:after {
  content: "";
  position: absolute;
  top: -75%;
  left: -75%;
  width: 250%;
  height: 250%;
  border-radius: 50%;
  background: #000000;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  -webkit-transition-property: visibility, opacity, transform;
  -moz-transition-property: visibility, opacity, transform;
  -o-transition-property: visibility, opacity, transform;
  transition-property: visibility, opacity, transform;
  -webkit-transition-duration: 800ms;
  -moz-transition-duration: 800ms;
  -o-transition-duration: 800ms;
  transition-duration: 800ms;
  -webkit-transition-delay: 0ms, 0ms, 800ms;
  -moz-transition-delay: 0ms, 0ms, 800ms;
  -o-transition-delay: 0ms, 0ms, 800ms;
  transition-delay: 0ms, 0ms, 800ms;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -o-transform: scale(0.4);
  transform: scale(0.4);
}
.icon-button .icon-inverted:after,
.btn-clean .icon-inverted:after {
  background: #ffffff;
}
.icon-button[disabled] .icon-default,
.btn-clean[disabled] .icon-default,
.icon-button.disabled .icon-default,
.btn-clean.disabled .icon-default {
  color: rgba(0, 0, 0, 0.2);
}
.icon-button[disabled] .icon-default:after,
.btn-clean[disabled] .icon-default:after,
.icon-button.disabled .icon-default:after,
.btn-clean.disabled .icon-default:after {
  display: none;
}
.icon-button[disabled] .icon-inverted,
.btn-clean[disabled] .icon-inverted,
.icon-button.disabled .icon-inverted,
.btn-clean.disabled .icon-inverted {
  color: rgba(255, 255, 255, 0.2);
}
.icon-button[disabled] .icon-inverted:after,
.btn-clean[disabled] .icon-inverted:after,
.icon-button.disabled .icon-inverted:after,
.btn-clean.disabled .icon-inverted:after {
  display: none;
}
/* stylelint-disable selector-max-specificity */
.icon-button:active .icon-default:after,
.icon-button:active .icon:after,
.btn-clean:active .icon:after,
.btn-clean:active .icon-default:after {
  visibility: visible;
  opacity: 0.12;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.icon-button:active .icon-inverted:after,
.btn-clean:active .icon-inverted:after {
  opacity: 0.2;
}
/* stylelint-enable */

.badge {
  display: inline-block;
  min-width: 26px;
  padding: 7px 2px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
}
.badge:empty {
  display: none;
}
.badge-default {
  color: #fff;
  background-color: #252526;
}
.badge-red {
  color: #fff;
  background-color: #ed0000;
}
.badge-orange {
  color: #fff;
  background-color: #D34600;
}
.badge-small {
  min-width: 20px;
  padding: 4px 3px;
  font-weight: normal;
}
.badge-large {
  min-width: 32px;
  min-height: 32px;
  padding: 7px 4px;
  font-size: 15px;
  font-weight: normal;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.betslip-badge {
  min-width: 20px;
  min-height: 20px;
  padding: 3px 3px;
  font-weight: normal;
  background-color: transparent;
  vertical-align: text-bottom;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.betslip-badge-red {
  padding: 3px 3px;
  font-weight: normal;
  background-color: #ed0000;
}
.betslip-badge-red .icon-default {
  font-size: 12px;
}
.betslip-badge-green {
  padding: 3px 3px;
  font-weight: normal;
  background-color: #008912;
}
.betslip-badge-green .icon-default {
  font-size: 12px;
}
.product-start-page-top .new-badge-button {
  position: absolute;
  right: 0;
}