/* =========================================================
   Mizunara Studio
   Base / Buttons
========================================================= */

/* =========================================================
   PRIMARY
========================================================= */

.btn-primary {
  display: inline-flex;

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

  padding:
    15px
    28px;

  border: none;

  border-radius: 999px;

  background:
    linear-gradient(
      135deg,
      var(--lilac),
      var(--gold)
    );

  color: #ffffff;

  font-family: inherit;

  font-weight: 600;

  cursor: pointer;

  -webkit-tap-highlight-color: transparent;

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    filter 0.3s ease;
}

.btn-primary:hover {
  transform:
    translateY(-3px);

  box-shadow:
    0 12px 30px
    rgba(0, 0, 0, 0.12);

  filter:
    brightness(1.03);
}

/* =========================================================
   SECONDARY
========================================================= */

.btn-secondary {
  display: inline-flex;

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

  padding:
    15px
    28px;

  border:
    1px solid
    rgba(0, 0, 0, 0.08);

  border-radius: 999px;

  background: #ffffff;

  color: var(--dark);

  font-family: inherit;

  font-weight: 500;

  cursor: pointer;

  -webkit-tap-highlight-color: transparent;

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    background-color 0.3s ease;
}

.btn-secondary:hover {
  transform:
    translateY(-3px);

  box-shadow:
    0 12px 30px
    rgba(0, 0, 0, 0.08);
}