.a-button a.disabled,
.a-button a:hover,
.button.disabled,
.button:hover,
button:disabled,
button:hover,
button[disabled] {
  background-color:var(--button-background-hover);
  background-image:none;
  color:inherit
}

.a-button a,
.button,
button {
  transition:var(--transition);
  position:relative;
  cursor:pointer;
  display:inline-block;
  min-height:1em;
  outline:0;
  border:none;
  vertical-align:baseline;
  background:var(--button-background) none;
  background-color:var(--button-background);
  background-image:none;
  color:var(--button-text);
  font-family:Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  margin:0;
  padding:0 1.1em;
  text-transform:none;
  text-shadow:none;
  font-weight:normal;
  font-size:1em;
  line-height:38px;
  font-style:normal;
  text-align:center;
  text-decoration:none;
  border-radius:var(--radius);
  box-shadow:0 0 0 1px transparent inset, 0 0 0 0 var(--button-shadow) inset;
  user-select:none;
  transition:opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
  transition:opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
  transition:opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
  will-change:'';
  -webkit-transition:opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
  -webkit-tap-highlight-color:transparent;
  -webkit-box-shadow:0 0 0 1px transparent inset, 0 0 0 0 var(--button-shadow) inset;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none
}

.a-button a.disabled,
.button.disabled,
button:disabled,
button[disabled] {
  cursor:default
}

.button.right:last-child,
button.right:last-child {
  margin-right:0
}

.button .count,
button .count {
  position:absolute;
  top:-3px;
  right:-3px;
  background-color:var(--gray-50);
  color:var(--white-60);
  padding:2px 4px;
  font-size:80%;
  border-radius:4px;
  display:inline-block;
  line-height:110%
}

.button .mark,
button .mark {
  position:absolute;
  top:-3px;
  right:-3px;
  background-color:var(--gray-50);
  color:var(--white-60);
  padding:2px 4px;
  font-size:80%;
  border-radius:4px;
  display:inline-block;
  line-height:110%;
  width:0;
  height:4px
}

.button .count.red,
.button .mark.red,
button .count.red,
button .mark.red {
  background-color:var(--red-60)
}

.button .count.green,
.button .mark.green,
button .count.green,
button .mark.green {
  background-color:var(--green-60)
}

.button.width-100p,
button.width-100p {
  padding:0;
  width:calc(100% - 1px)
}