.logo-reflect {
  position: relative;
  display: inline-block;
  border-radius: 9999px;
  overflow: hidden;
}

.logo-reflect::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.6), transparent);
  pointer-events: none;
  border-radius: inherit;
}

@keyframes starfall {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(100vh) rotate(180deg);
    opacity: 0;
  }
}

.animate-starfall {
  animation-name: starfall;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.text-shadow {
  text-shadow: 2px 2px 3px black;
}
/* Perus sininen nappi + keltainen hover */
.btn-download {
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.5rem 1rem; border-radius:.5rem;
  border:1px solid rgba(255,255,255,.1);
  background:#2563eb;           /* blue-600 */
  color:#fff;
  font-weight:600; font-size:.875rem; /* text-sm */
  box-shadow:0 1px 2px rgba(0,0,0,.2);
  transition:background-color .2s, color .2s, transform .05s;
}
.btn-download:hover  { background:#facc15; color:#000; } /* yellow-400 */
.btn-download:focus  { outline:2px solid rgba(147,197,253,.6); outline-offset:2px; } /* ring-blue-300/60 */
.btn-download:active { transform:scale(.99); }

/* Jos haluat vihreän hover-vaihtoehdon */
.btn-download--green:hover { background:#34d399; color:#000; } /* emerald-400 */