.link-list {
  margin-top: 60px;
  color:#ffffff7c;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;   /* rata tengah */
  gap: 0px;                  /* jarak antar card */
}

.link-tutor {
  width: 80px;
  height: 50px;
  border: 1px solid blue;
  border-radius: 5px;
  background-color: #fff;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 2px 2px 2px black; /* bayangan ke bawah */
}


.link-tutor a {
  display: flex;             /* isi penuh kotak */
  align-items: center;       /* teks rata tengah vertikal */
  justify-content: center;   /* teks rata tengah horizontal */
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}
.link-tutor a {
  display: flex;
  align-items: center;       /* teks rata tengah vertikal */
  justify-content: center;   /* teks rata tengah horizontal */
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  color: #333;
  font-weight: bold;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.link-tutor a:hover {
  background-color: #007bff; /* biru saat hover */
  color: #fff;               /* teks putih agar kontras */
}
.shine-card {
      position: relative;
      overflow: hidden;
    }
    
    .shine-card::before {
      content: "";
      position: absolute;
      top: -150%;
      left: -150%;
      width: 300%;
      height: 300%;
      background: linear-gradient(
        45deg,
        rgba(255,255,255,0) 40%,
        rgba(64, 247, 47, 0.7) 50%,   /* kuning terang di tengah */
        rgba(255,255,255,0) 60%
      );
      animation: shineMove 9s linear infinite;
    }
    
    @keyframes shineMove {
      0% {
        transform: translate(-100%, 100%) rotate(45deg);
      }
      50% {
        transform: translate(100%, -100%) rotate(45deg);
      }
      100% {
        transform: translate(-100%, 100%) rotate(45deg);
      }
    }