.btn, btn:hover {
  margin: 0 2px;
  border: 2px solid;
}

.btn {
  border-left-color: #fcfcfc;
  border-top-color: #fcfcfc;
}

.btn:hover {
  border-left-color: #7f8c8d;
  border-top-color: #7f8c8d;
}

.btn-fumei, .btn-fumei.disabled, .btn-fumei:disabled {
  background: radial-gradient(ellipse at top, #61237c, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
  color: #fcfcfc;
  background-color: #9b59b6;
  border-bottom-color: #cb81ea;
  border-right-color: #cb81ea;
}

.btn-fumei:hover {
  color: #fcfcfc;
  background-color: #61237c;
  border-color: transparent;
  border-bottom-color: #9b59b6;
  border-right-color: #9b59b6;
}

.btn-fumei-check {
  color: #fcfcfc;
  background-color: #61237c;
  border-color: transparent;
  border-bottom-color: #9b59b6;
  border-right-color: #9b59b6;
  box-shadow: 0px 0px 7px 3px #9b59b6;
}

.btn-danshi, .btn-danshi.disabled, .btn-danshi:disabled {
  background: radial-gradient(ellipse at top, #3daee9, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
  color: #fcfcfc;
  background-color: #fcfcfc;
  border-bottom-color: #9ed6ff;
  border-right-color: #9ed6ff;
}

.btn-danshi:hover {
  color: #fcfcfc;
  background-color: #205e7d;
  border-color: transparent;
  border-bottom-color: #1d99f3;
  border-right-color: #1d99f3;
}

.btn-danshi-check {
  color: #fcfcfc;
  background-color: #205e7d;
  border-color: transparent;
  border-bottom-color: #1d99f3;
  border-right-color: #1d99f3;
  box-shadow: 0px 0px 7px 3px #1d99f3;
}

.btn-joshi, .btn-joshi.disabled, .btn-joshi:disabled {
  background: radial-gradient(ellipse at top, #e93de9, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
  color: #fcfcfc;
  background-color: #fcfcfc;
  border-bottom-color: #ffe6f9;
  border-right-color: #ffe6f9;
}

.btn-joshi:hover {
  color: #fcfcfc;
  background-color: #7d2069;
  border-color: transparent;
  border-bottom-color: #f31de8;
  border-right-color: #f31de8;
}

.btn-joshi-check {
  color: #fcfcfc;
  background-color: #7d2069;
  border-color: transparent;
  border-bottom-color: #f31de8;
  border-right-color: #f31de8;
  box-shadow: 0px 0px 7px 3px #f31de8;
}

.btn-primary, .btn-primary.disabled, .btn-primary:disabled {
  background: radial-gradient(ellipse at top, #cb81ea, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
  color: #fcfcfc;
  border-bottom-color: #f1d0ff;
  border-right-color: #f1d0ff;
}

.btn-primary:hover {
  color: #fcfcfc;
  background-color: #46195a;
  border-color: transparent;
  border-bottom-color: #b16cce;
  border-right-color: #b16cce;
}

.btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled {
  background: radial-gradient(ellipse at top, #7f8c8d, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
  color: #fcfcfc;
  border-bottom-color: #d6dfe4;
  border-right-color: #d6dfe4;
}

.btn-secondary:hover {
  color: #fcfcfc;
  background-color: #495051;
  border-color: transparent;
  border-bottom-color: #bdc3c7;
  border-right-color: #bdc3c7;
}

.btn-success, .btn-success.disabled, .btn-success:disabled, .alert-success {
  background: radial-gradient(ellipse at top, #2ecc71, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
  color: #fcfcfc;
  border-bottom-color: #20ec77;
  border-right-color: #20ec77;
}

.btn-success:hover {
  color: #fcfcfc;
  background-color: #145d33;
  border-color: transparent;
  border-bottom-color: #27ae60;
  border-right-color: #27ae60;
}

.btn-danger, .btn-danger.disabled, .btn-danger:disabled, .alert-danger {
  background: radial-gradient(ellipse at top, #e74c3c, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
  color: #fcfcfc;
  border-bottom-color: #f58276;
  border-right-color: #f58276;
}

.btn-danger:hover {
  color: #fcfcfc;
  background-color: #611e24;
  border-color: transparent;
  border-bottom-color: #e74c3c;
  border-right-color: #e74c3c;
}


.btn-warning, .btn-warning.disabled, .btn-warning:disabled, .alert-warning {
  background: radial-gradient(ellipse at top, #fdbc4b, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
  color: #fcfcfc;
  border-bottom-color: #c9ce3b;
  border-right-color: #c9ce3b;
}

.btn-warning:hover {
  color: #fcfcfc;
  background-color: #f67400;
  border-color: transparent;
  border-bottom-color: #fdbc4b;
  border-right-color: #fdbc4b;
}