.flipbook-link{
    display:flex;
    align-items:center;
    gap:14px;
    padding:14px 20px;
    margin:16px 0;
    background:linear-gradient(135deg,#0066cc 0%,#004999 100%);
    color:#fff !important;
    border-radius:8px;
    text-decoration:none !important;
    box-shadow:0 4px 12px rgba(0,102,204,.25);
    transition:all .3s;
    border-left:4px solid #ffd700;

    /* thêm */
    overflow:hidden;
}
  .flipbook-link:hover{
      transform:translateY(-2px);
      box-shadow:0 8px 20px rgba(0,102,204,.4);
      color:#fff !important;
      text-decoration:none !important;
  }
  .flipbook-link .flipbook-icon{
      font-size:32px;
      line-height:1;
      flex-shrink:0;
  }

.flipbook-link .flipbook-text{
    flex:1;
    min-width:0; /* QUAN TRỌNG */
    font-weight:600;
    font-size:15px;
    line-height:1.4;

    /* cho xuống dòng */
    white-space:normal;
    overflow-wrap:break-word;
    word-break:break-word;
}
.flipbook-link .flipbook-hint{
    font-size:12px;
    opacity:.85;

    /* bỏ nowrap */
    white-space:normal;

    padding:4px 10px;
    background:rgba(255,255,255,.15);
    border-radius:4px;

    flex-shrink:0;
}
  @media (max-width:576px){
      .flipbook-link{flex-wrap:wrap;padding:12px 14px}
      .flipbook-link .flipbook-hint{display:none}
      .flipbook-link .flipbook-icon{font-size:24px}
      .flipbook-link .flipbook-text{font-size:14px}
  }