button{
  padding: 10px;
  background: #c0392b;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: filter .15s, transform .05s;
}

button:not(.btn-small):not(.btn-stat){
  width: 100%;
  margin-top: 10px;
}

button:not(.btn-small):not(.btn-stat):hover{
  filter: brightness(1.07);
}

button:not(.btn-small):not(.btn-stat):active{
  transform: translateY(1px);
}

.btn-stat{
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 6px !important;
  border: 1px solid rgba(255,80,80,0.6) !important;

  background: radial-gradient(circle at 30% 30%, #c0392b, #7f1d1d) !important;
  color: #fff !important;

  font-weight: 900 !important;
  font-size: 16px !important;
  line-height: 1 !important;

  box-shadow: 0 0 8px rgba(220,60,60,0.45) !important;
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}

.btn-stat:hover{
  transform: scale(1.1);
  box-shadow: 0 0 14px rgba(220,60,60,0.75) !important;
  filter: brightness(1.1);
}