.card {
  padding: 2em 8em;
  background: linear-gradient(to bottom, #1e1e2f, #111);
  border-radius: 12px;
  color: white;
  overflow: hidden;
  position: relative;
  transform-style: preserve-3d;
  border: 2px solid rgba(255, 255, 255, 0.4);
  transition: all 0.4s ease;
}
.card-content {
  border-radius: 5px;
  padding: 20px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  gap: 10px;
  color: white;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  color: white;
}
.card:hover{
  border-color: #ffffff;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
}
.manga-card {
  width: 90%;
  height: 150px;
  background-image: url('manga.jpg');
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  margin: 24px auto 0; /* canh giữa */
  transition: all 0.4s ease;
}
.manga-card:hover {
  width: 100%;
  border: 2px solid red;
  box-shadow: 0 0 12px red, 0 0 24px red;
}
.player {
  margin-top: 24px;
  width: 100%;
}