.button.is-black {
  background-color: var(--col-04);
  border-color: transparent;
  color: var(--col-text-01);
}

.button.is-black:hover,
.button.is-black.is-hovered {
  background-color: rgba(0, 0, 0, 0.3);
  border-color: transparent;
  color: var(--col-text-01);
}

.button.is-black:focus,
.button.is-black.is-focused {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
  color: var(--col-text-01);
}

.button.is-black:active,
.button.is-black.is-active {
  background-color: black;
  border-color: transparent;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  color: var(--col-text-01);
}

.button.is-black[disabled] {
  background-color: var(--col-04);
  border-color: transparent;
  box-shadow: none;
}

.button.is-black.is-inverted {
  background-color: var(--col-text-01);
  color: var(--col-04);
}

.button.is-black.is-inverted:hover {
  background-color: #f2f2f2;
}

.button.is-black.is-inverted[disabled] {
  background-color: var(--col-text-01);
  border-color: transparent;
  box-shadow: none;
  color: var(--col-04);
}

.button.is-black.is-loading:after {
  border-color: transparent transparent white white !important;
}

.button.is-black.is-outlined {
  background-color: transparent;
  border-color: var(--col-04);
  color: var(--col-04);
}

.button.is-black.is-outlined:hover,
.button.is-black.is-outlined:focus {
  background-color: var(--col-04);
  border-color: var(--col-04);
  color: var(--col-text-01);
}

.button.is-black.is-outlined.is-loading:after {
  border-color: transparent transparent var(--col-04) var(--col-04) !important;
}

.button.is-black.is-outlined[disabled] {
  background-color: transparent;
  border-color: var(--col-04);
  box-shadow: none;
  color: var(--col-04);
}

.button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--col-text-01);
  color: var(--col-text-01);
}

.button.is-black.is-inverted.is-outlined:hover,
.button.is-black.is-inverted.is-outlined:focus {
  background-color: var(--col-text-01);
  color: var(--col-04);
}

.button.is-black.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: var(--col-text-01);
  box-shadow: none;
  color: var(--col-text-01);
}