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

.btn {
  margin: 0 8px 8px 0;
}

.btn-mtg {
  background-color: var(--color-bg-soft-dark);
  border-color: var(--color-bg-soft-dark);
  color: var(--color-text-light) !important;
  border-radius: 0;
}

.btn-mtg:hover,
.btn-mtg:focus,
.btn-mtg:active {
  background-color: var(--color-text-light);
  border-color: var(--color-bg-soft-dark);
  color: var(--color-bg-soft-dark) !important;
}


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

.btn-mtg-secondary {
  border: 1px solid #be630e;
  background: #333;
  color: var(--color-text-light) !important;
  border-radius: 0;
}

.btn-mtg-secondary:hover,
.btn-mtg-secondary:focus,
.btn-mtg-secondary:active {
  background-color: #be630e;
  border-color: #be630e;
  color: var(--color-text-light) !important;
}


/* =========================================
   FULL WIDTH ACTION BUTTON
   ========================================= */

.btn-action {
  width: 100%;
  margin-bottom: 5px;
}


/* =========================================
   EDIT LINK
   ========================================= */

.edit-link {
  font-size: 1.3rem;
  color: var(--color-text-dark);
  text-decoration: none;
  margin-left: 5px;
  transition: 0.3s ease color;
}

.edit-link:hover {
  color: var(--color-primary);
  text-decoration: none;
}

.fa-check {
  color: #28a745;
  animation: popIn 0.2s ease;
}

@keyframes popIn {
  from { transform: scale(0.8); }
  to { transform: scale(1); }
}