/* *******************************************************************
  ==== SUMMARY ====
  - BASE
  - BASE - ORANGE
******************************************************************* */

/* ===================================================================
  BASE
=================================================================== */

.wg-btn {
  border: none !important;
  border-radius: 6px !important;
  color: #fff !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-size: 1rem !important;
  padding: 6px 14px !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease, transform 0.15s ease !important;
  white-space: nowrap !important;
}

.wg-btn:hover {
  color: #fff !important;
  transform: scale(1.04) !important;
}

.wg-btn:active {
  color: #fff !important;
  transform: scale(0.97) !important;
}

.wg-btn:focus {
  color: #fff !important;
  outline: 2px solid transparent !important;
  outline-offset: 3px !important;
}

/* ===================================================================
  BASE - ORANGE
=================================================================== */

.wg-btn.wg--orange {
  background-color: #ff6f00 !important;
}

.wg-btn.wg--orange:hover {
  background-color: #e65f00 !important;
}

.wg-btn.wg--orange:active {
  background-color: #cc5500 !important;
}

.wg-btn.wg--orange:focus {
  outline-color: #e65f00 !important;
}

.wg-btn.wg--orange:disabled {
  cursor: not-allowed !important;
  opacity: 0.6 !important;
  outline-color: #ffb680 !important;
}

/* ===================================================================
  BASE - DELETE
=================================================================== */

.wg-btn.wg--delete {
  background-color: #e53935;
}

.wg-btn.wg--delete:hover {
  background-color: #c62828;
}

.wg-btn.wg--delete:focus {
  background-color: #c62828;
}

/* ===================================================================
  BASE - CANCEL
=================================================================== */

.wg-btn.wg--cancel {
  background-color: #007bff;
}

.wg-btn.wg--cancel:hover {
  background-color: #0069d9;
}

.wg-btn.wg--cancel:focus {
  background-color: #0077ff;
}

/* ===================================================================
  BASE - CENTER
=================================================================== */

.wg-btn.wg--center
{
  text-align: center !important;
}

/* ===================================================================
  BASE - MY ACCOUNT
=================================================================== */

.wg-btn.wg--myaccount
{
  display: flex !important;
  gap: 5px;
  justify-content: center;
}

.wg-btn.wg--myaccount .electron-svg-icon
{
  max-width: 1.5rem;
  max-height: 1.5rem;
  cursor: pointer;
  fill: #fff;
}