.external-link { align-items: center; gap: 4px; margin-right: .4rem; } .external-icon { display: inline-block; width: 1.5rem; height: 1.5rem; background-color: var(--secondary); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E") no-repeat center; background-size: contain; vertical-align: middle; opacity: 0.8; } a:not(.btn):not(.skip-link):not(.brxe-logo) { position: relative; text-decoration: none; } a:not(.btn):not(.skip-link):not(.brxe-logo)::after { content: ""; position: absolute; left: 50%; bottom: -2px; width: 0; height: 2px; transition: all 0.45s; background: var(--primary); } a:not(.btn):not(.skip-link):not(.brxe-logo):hover::after { width: 100%; left: 0; } a:not(.btn):not(.skip-link):not(.brxe-logo):hover { text-decoration: none; color: var(--primary); }