/** Hover 氣泡（顯示於元素下方），與個人頁 / 直播間按鈕一致；需搭配 `tip` 屬性 */
export const tipBelowOnlyClass =
    'relative overflow-visible ' +
    "before:content-[''] before:absolute before:left-1/2 before:top-[calc(100%+2px)] before:w-0 before:h-0 before:border-x-[5px] before:border-x-transparent before:border-b-[5px] before:border-b-[#525661] " +
    'before:z-10 before:pointer-events-none before:opacity-0 before:-translate-x-[60%] before:transition-all before:duration-200 before:ease-in ' +
    'after:content-[attr(tip)] after:absolute after:left-1/2 after:top-[calc(100%+6px)] after:px-2.5 after:py-[7px] after:rounded-xl after:bg-[#525661] ' +
    'after:text-[#fcfcfd] after:text-[13px] after:font-semibold after:leading-[1.2] after:whitespace-nowrap after:z-10 after:pointer-events-none ' +
    'after:opacity-0 after:-translate-x-[60%] after:transition-all after:duration-200 after:ease-in ' +
    'hover:before:opacity-100 hover:before:-translate-x-1/2 hover:after:opacity-100 hover:after:-translate-x-1/2 ' +
    'focus-visible:before:opacity-100 focus-visible:before:-translate-x-1/2 focus-visible:after:opacity-100 focus-visible:after:-translate-x-1/2'