.tooltip{display:block;position:relative}.tooltip__text{background-color:var(--color-brand-accent);border-radius:.375rem;color:var(--color-brand-text);margin-left:-3.75rem;padding:.3125rem 0;position:absolute;text-align:center;top:calc(100% + .5rem);visibility:hidden;width:7.5rem;z-index:1}.tooltip__text:after{border-color:transparent transparent var(--color-brand-accent) transparent;border-style:solid;border-width:.3125rem;bottom:100%;content:"";left:50%;margin-left:-.3125rem;position:absolute}.tooltip:hover .tooltip__text{visibility:visible}