/* ----------- Button Styling ----------- */
.glass-btn {
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;

  padding: 0.7rem 1rem 0.7rem 1rem;
  box-shadow: none;
  cursor: pointer;

  display: inline-block;

  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);

  opacity: 1;
  transform: translateZ(0) scale(1);
  will-change: transform;

  transition:
    transform 300ms ease-in-out,
    background-color 200ms ease;
}

.glass-btn:hover {
  background-color: rgba(31, 105, 255, 0.5) !important;
  transform: scale(1.05);
}

.glass-btn-effect:hover {
  transform: scale(1.05);
}

/* Button Colors */
.glass-btn-blue-bg {
  background-color: rgba(0, 85, 255, 0.5) !important;
}
.glass-btn-dark-bg {
  background-color: rgba(33, 37, 41, 0.5) !important;
}
.glass-btn-light-bg {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.glass-btn-green-bg {
  background-color: rgba(25, 135, 84, 0.5) !important;
}
.glass-btn-red-bg {
  background-color: rgba(220, 53, 69, 0.5) !important;
}
.glass-btn-yellow-bg {
  background-color: rgba(255, 193, 7, 0.5) !important;
}
.glass-btn-info-bg {
  background-color: rgba(13, 202, 240, 0.5) !important;
}
.glass-btn-gray-bg {
  background-color: rgba(108, 117, 125, 0.5) !important;
}
.glass-btn-pink-bg {
  background-color: rgba(255, 0, 204, 0.5) !important;
}

/* Color Hover */
.glass-btn-blue-bg:hover {
  background-color: rgba(0, 70, 220, 0.5) !important;
}
.glass-btn-dark-bg:hover {
  background-color: rgba(20, 23, 26, 0.5) !important;
}
.glass-btn-light-bg:hover {
  background-color: rgba(230, 230, 230, 0.5) !important;
}
.glass-btn-green-bg:hover {
  background-color: rgba(20, 110, 70, 0.5) !important;
}
.glass-btn-red-bg:hover {
  background-color: rgba(180, 40, 55, 0.5) !important;
}
.glass-btn-yellow-bg:hover {
  background-color: rgba(220, 165, 5, 0.5) !important;
}
.glass-btn-info-bg:hover {
  background-color: rgba(10, 170, 200, 0.5) !important;
}
.glass-btn-gray-bg:hover {
  background-color: rgba(90, 98, 105, 0.5) !important;
}
.glass-btn-pink-bg:hover {
  background-color: rgba(255, 92, 222, 0.5) !important;
}