/* =========================
   Primary Continue Button
========================= */

.primary-button {
  height: 56px;

  background-color: #0c0c0a;
  color: #ffffff;

  border-radius: 9999px;
  border: none;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 16px;
  font-weight: 400;
  font-family: "Satoshi", sans-serif;

  cursor: pointer;
  opacity: 0.4;
  transition:
    opacity 0.2s ease,
    background 0.15s ease;
}

/* Enabled */
.primary-button:enabled {
  opacity: 1;
}

/* Disabled */
.primary-button:disabled {
  cursor: not-allowed;
}

/* Hover */
.primary-button:hover:enabled {
  background: #222222f6;
}
.primary-button--full {
  width: 100%;
}

.primary-button--danger {
  background: #e53935;
}

.primary-button--danger:hover:enabled {
  background: #c62828;
}
.primary-button--full {
  width: 100%;
}

.primary-button--fixed-385 {
  width: 385px;
}