/*!
 * Bootstrap  v5.3.7 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.btn-gold-gradient {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 12px 40px;
  gap: 8px;
  border-radius: 42px;
  box-shadow: 0px 4px 4px 0px rgba(7, 29, 76, .4);
  border: 2px solid transparent;
  
  background-image: linear-gradient(#003da6, #003da6), linear-gradient(90deg, #cbab64 0%, #ffed9c 31%, #f8e392 43%, #efd686 57%, #f0d894 74%, #bb9a56 87%, #f3d98c 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  color: #fffffc;
  font-size: 16px;
  font-weight: 700;
}

[dir="rtl"] .btn-gold-gradient {
  
  background-image: linear-gradient(#003da6, #003da6), linear-gradient(-90deg, #cbab64 0%, #ffed9c 31%, #f8e392 43%, #efd686 57%, #f0d894 74%, #bb9a56 87%, #f3d98c 100%);
}

.btn-gold-gradient:hover {
  color: #fffffc;
  opacity: .9;
}

.btn-gold-gradient .btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.btn-gold-gradient .btn-icon img, .btn-gold-gradient .btn-icon svg {
  width: 100%;
  height: auto;
}

.btn-gold-gradient .btn-text {
  color: #fffffc;
}