:root{ --sublist-card-bg:#fbfdff; --sublist-circle-bg:#00365E; --sublist-icon-svg-fill:#fff; } .sublist-01{ display:flex; flex-direction:column; align-items:center; gap:12px; padding:16px; margin-bottom:16px; font-weight:400!important; text-decoration:none; background:var(--sublist-card-bg); border:1px solid #e6eef8; border-radius:12px; box-shadow:0 2px 10px rgba(15,23,42,.06); text-align:center; transition:border-color .25s, box-shadow .25s, transform .2s; height:160px; overflow:hidden; box-sizing:border-box; } .sublist-01:hover{ border-color:#d0d9e8; box-shadow:0 6px 18px rgba(15,23,42,.10); transform:translateY(-1px); text-decoration:none!important; } .sublist-02{ width:56px; height:56px; border-radius:9999px; background:var(--sublist-circle-bg); border:0!important; padding:0; display:grid; place-items:center; box-shadow:none; flex:0 0 56px; line-height:0; } .sublist-icon{ width:26px; height:26px; display:block; filter:brightness(0) invert(1) } .sublist-02 svg{ width:26px; height:26px; display:block; fill:var(--sublist-icon-svg-fill); stroke:var(--sublist-icon-svg-fill) } .sublist-label{ margin:0; color:#0f172a; font-size:16px; letter-spacing:.2px; font-weight:600!important; text-decoration:none; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-height:calc(1.4em * 2); overflow:hidden; text-overflow:ellipsis; width:100%; overflow-wrap:anywhere; } .sublist-01 center{ display:block; text-align:inherit } .sublist-01 a, .sublist-01 a:link, .sublist-01 a:visited, .sublist-01 a:hover, .sublist-01 a:focus, .sublist-01 a:active{ text-decoration:none!important; color:inherit!important }