
/* Digital Hub Promo Styling */
#digitalHubPromo {
  position: fixed;
  bottom: -100%;
  right: 2%;
  max-width: 500px;
  background-color: #fff;
  border: 3px solid #94c045;
  z-index: 1050;
  transition: bottom 1s ease-in-out;
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

.hub-promo-content {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

.hub-promo-text h3 {
  color: #94c045;
  font-weight: bold;
}

.hub-promo-image img {
  width: 100%;
  margin-top: 1rem;
}

@media (min-width: 576px) {
  .hub-promo-content {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
  }
  .hub-promo-image img {
    margin-top: 0;
  }
}
