/* Essential circle: shared interaction, brand-specific inherited colour. */
.essential-arrow{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;flex:0 0 auto!important;width:34px!important;height:34px!important;min-width:34px!important;margin-inline-start:9px!important;padding:0!important;border:1px solid currentColor!important;border-radius:50%!important;background:transparent!important;color:inherit!important;line-height:1!important;font-size:0!important;position:static!important;transition:background-color .2s ease,transform .2s ease!important}
.essential-arrow svg{display:block!important;width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.essential-arrow-down svg{transform:rotate(90deg)}
a:hover .essential-arrow,button:hover .essential-arrow{background:color-mix(in srgb,currentColor 9%,transparent)!important}
a:hover .essential-arrow svg,button:hover .essential-arrow svg{transform:translate(1px,-1px)}
a:hover .essential-arrow-down svg{transform:rotate(90deg) translate(1px,-1px)}
a:focus-visible,button:focus-visible{outline-offset:5px}
.ux-services-grid .essential-arrow,.home-card .essential-arrow,.portal-card .essential-arrow{width:44px!important;height:44px!important;min-width:44px!important}
header .essential-arrow{width:26px!important;height:26px!important;min-width:26px!important;margin-inline-start:6px!important}
header .essential-arrow svg{width:14px!important;height:14px!important}
@media(max-width:600px){.essential-arrow{width:30px!important;height:30px!important;min-width:30px!important;margin-inline-start:6px!important}.essential-arrow svg{width:16px!important;height:16px!important}.sticky-actions .btn,.mobile-actions .btn{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.essential-arrow,.essential-arrow svg{transition:none!important}}