.nav-link:hover {
  background-color: rgba(245, 245, 245, 0.10);

}

.nav-link {
  margin-top: 2px;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.nav-link:active {
  transform: translateY(1px) scale(0.98);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.active-nav {
  background-color: rgba(245, 245, 245, 0.15) !important;
}

.btn {
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.btn:active {
  transform: translateY(1px) scale(0.98);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}