.child-pages-wrapper{max-width:var(--max-width);margin:0 auto;padding:1rem}.child-pages-links{list-style-type:none;padding:0!important;margin:0;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:1rem}.child-page-item{flex:0 1 calc(25% - 1rem);max-width:150px;height:150px;margin-bottom:1rem;list-style-type:none;transition:all var(--transition-fast);&:hover{transform:scale(1.03);border-radius:var(--radius-md);box-shadow:#10161214 6px 2px 16px,#fffc -6px -2px 16px}& a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:.5rem;color:var(--hk-black);text-decoration:none;background-color:var(--hk-white);border-radius:var(--radius-md);transition:all var(--transition-fast);&:hover{color:var(--hk-green)}}.child-page-image{width:80px;height:80px;background-size:cover;background-position:center;border-radius:var(--radius-full);margin-bottom:10px}& span{font-size:1rem;color:var(--hk-black);text-align:center;line-height:1.2;max-height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}@media(width<=900px){.child-page-item{flex:0 1 calc(33.33% - 1rem)}}@media(width<=600px){.child-pages-links{gap:10px}.child-page-item{flex:0 1 calc(33.33% - 10px);height:120px;.child-page-image{width:60px;height:60px}& span{font-size:.9rem}}}@media(width<=400px){.child-page-item{flex:0 1 calc(50% - 10px)}}
