.hero .note.hero-note-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:22px;
  margin-bottom:0;
  color:#a9fffb;
  font-size:14px;
  font-weight:800;
  line-height:1.45;
  text-decoration:none;
  transition:color .2s ease, transform .2s ease, text-shadow .2s ease;
}

.hero .note.hero-note-link::after{
  content:'→';
  color:#ff4aa1;
  font-size:20px;
  line-height:1;
  transition:transform .2s ease;
}

.hero .note.hero-note-link:hover,
.hero .note.hero-note-link:focus-visible{
  color:#fff;
  text-shadow:0 0 18px rgba(16,210,208,.45);
  transform:translateY(2px);
  outline:none;
}

.hero .note.hero-note-link:hover::after,
.hero .note.hero-note-link:focus-visible::after{
  transform:translateX(4px);
}

@media (max-width:640px){
  .hero .note.hero-note-link{
    margin-top:20px;
    font-size:13px;
  }
}