:root { --sublist-circle-bg:#203299; --sublist-svg-color:#FFD400; } .sublist-01 { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 8px 0; margin-bottom: 16px; background: transparent; border: 0 !important; border-radius: 0; box-shadow: none; font-weight: 400 !important; text-decoration: none !important; text-align: center; transition: font-weight .2s ease; } .sublist-01:hover { font-weight: 600 !important; background: transparent; border-color: transparent; box-shadow: none; transform: none; text-decoration: none !important; } .sublist-02 { width: 56px; height: 56px; border-radius: 9999px; background: var(--sublist-circle-bg); display: grid; place-items: center; line-height: 0; padding: 0; border: 0 !important; box-shadow: none; } .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-svg-color); stroke: var(--sublist-svg-color); } .sublist-label { margin: 0; padding-top: 0; color: #0f172a; font-size: 16px; letter-spacing: .2px; font-weight: 400 !important; text-decoration: none; } .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; } .sublist-01:hover .sublist-label, .sublist-01:hover .sublist-label *, .sublist-01:hover a, .sublist-01:hover a * { font-weight: 600 !important; text-decoration: none !important; }