/* Default: hide desktop-only items on mobile */
.desktop-only { display: none !important; }

/* Basic layout resets (optional) */
.header-top-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.header-top-list li { display: inline-flex; }

/* Button styles */
.top-btn{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .45rem .9rem;
  border: 1px solid #ffffff;
  border-radius: 9999px;               /* full pill */
  text-decoration: none;
  font-weight: 600;
  line-height: 1;
  background: #fff;
  color: #007bff;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.top-btn i{ font-size: .95em; }

/* Filled primary */
.top-btn--filled{
  background: #ffffff;
  color: #fff;
}
.top-btn--filled:hover{
  filter: brightness(0.95);
  box-shadow: 0 8px 18px rgba(0,123,255,.25);
  transform: translateY(-1px);
}

/* Outline */
.top-btn:hover{
  background: #037c22;
  color: #fff;
  box-shadow: 0 8px 18px rgba(0,123,255,.15);
  transform: translateY(-1px);
}

/* Subtle/ghost (for email) */
.top-btn--ghost{
  border-color: #e0e0e0;
  color: #222;
  background: #f8f9fa;
}
.top-btn--ghost:hover{
  background: #e9ecef;
  color: #000;
  border-color: #d0d0d0;
}

/* Show desktop-only on large screens */
@media (min-width: 992px){
  .desktop-only { display: inline-flex !important; }
}


@media (min-width: 992px) {
        .nav-btn1 {
            display: none !important;
        }
    }