.cmp.cmp-button .btn {
  transition: all .3s;
  border-radius: 2px;
}
.cmp.cmp-button .btn.primary {
  background-color: #23262b;
  color: #ffffff;
  border: 2px solid transparent;
}
.cmp.cmp-button .btn.primary:hover,
.cmp.cmp-button .btn.primary:focus {
  outline: none;
  border: 2px solid #ffb781;
  -webkit-box-shadow: 0 0 4px #ffb781;
  box-shadow: 0 0 4px #ffb781;
}
.cmp.cmp-button .btn.primary-outline {
  border: 2px solid #23262b;
  background-color: transparent;
  color: #23262b;
}
.cmp.cmp-button .btn.primary-outline:hover,
.cmp.cmp-button .btn.primary-outline:focus {
  outline: none;
  border: 2px solid #ffb781;
  -webkit-box-shadow: 0 0 4px #ffb781;
  box-shadow: 0 0 4px #ffb781;
  background-color: #23262b;
  color: #ffffff;
}
.cmp.cmp-button .btn.primary-ghost {
  background-color: transparent;
  color: #23262b;
  border: 2px solid transparent;
}
.cmp.cmp-button .btn.primary-ghost:hover {
  border: 2px solid #23262b;
}
.cmp.cmp-button .btn.primary-ghost:focus {
  outline: none;
  border: 2px solid #ffb781;
}
.cmp.cmp-button .btn.destructive {
  background-color: #d6594a;
  color: #ffffff;
  border: 2px solid transparent;
}
.cmp.cmp-button .btn.destructive:hover,
.cmp.cmp-button .btn.destructive:focus {
  outline: none;
  border: 2px solid #ffb781;
  -webkit-box-shadow: 0 0 4px #ffb781;
  box-shadow: 0 0 4px #ffb781;
}
.cmp.cmp-button .btn.destructive-outline {
  color: #d6594a;
  border: 2px solid #d6594a;
  background-color: transparent;
}
.cmp.cmp-button .btn.destructive-outline:hover,
.cmp.cmp-button .btn.destructive-outline:focus {
  outline: none;
  border: 2px solid #ffb781;
  -webkit-box-shadow: 0 0 4px #ffb781;
  box-shadow: 0 0 4px #ffb781;
  background-color: #23262b;
  color: #ffffff;
}
.cmp.cmp-button .btn.destructive-ghost {
  background-color: transparent;
  border: 2px solid transparent;
}
.cmp.cmp-button .btn.destructive-ghost:hover {
  border: 2px solid #d6594a;
}
.cmp.cmp-button .btn.destructive-ghost:focus {
  outline: none;
  border: 2px solid #ffb781;
}