.tab-title, .bricks-nav-menu a {  transition: color 0.2s ease-out; } .tab-title { transition: color 0.2s ease-out; } .brxe-list .separator {  margin-top: 11px; } .c-icon-container { display: inline-block; position: relative; } .c-icon { display: inline-block; text-align: center; cursor: default; margin-left: 10px; position: relative; z-index: 10; line-height: 1; } .c-icon::before { content: ""; z-index:-1; position: absolute; top:0; left:0; border-radius: 50%; border: 1px solid; width: 20px; height: 20px; transform: translateX(-20%) translateY(-6%); } .c-icon::after { content: attr(data-tooltip); position: absolute; top: -50px; left: 50%; transform: translateX(-50%); display: none; padding: 8px; font-size: 14px; background-color: #ffffff; color: #000000; white-space: nowrap; } .c-icon-container:hover .c-icon::after, .c-icon-container:focus .c-icon::after { display: block; animation: c-tooltip-fade-in 0.3s ease-in-out; } @keyframes c-tooltip-fade-in { from { opacity: 0; } to { opacity: 1; } }