.gx-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100svh;
    width: 100vw;
}

.gx-sticky-price-bar {
  position: sticky!important; 
  top: 100px!important; 
  z-index: 10!important; 
}

.gx-underline-on-hover:hover{
  text-decoration: underline;
  cursor: pointer;
  color: #0d6efd;
}

.edutech-button-container {
  display: inline-flex; 
  align-items: center; 
  border: 1px solid black; 
  overflow: hidden; 
  cursor: pointer; 
  transition: border-color 0.3s ease; 
}

.logo-section {
  background-color: black;
  padding: 8px; 
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease; /* Smooth transition for background */
}

.logo-section svg { 
  fill: white;
  transition: fill 0.3s ease; 
}

.text-section {
  padding: 4px 8px; 
  font-size: 14px; 
  color: black; 
  background-color: white; 
  font-weight: 450;
  transition: color 0.3s ease, background-color 0.3s ease; 
}

/* Hover effects */
.edutech-button-container:hover {
  border-color: #007bff; 
}

.edutech-button-container:hover .logo-section {
  background-color: #007bff; 
}

.edutech-button-container:hover .logo-section svg {
  fill: white; 
}

.edutech-button-container:hover .text-section {
  color: #007bff; 
  background-color: white; 
}

@media screen and (max-width: 576px) {
  .gap-only-sm {
    gap: 0.5rem;
  }
}