@media (hover: hover) and (pointer: fine) {
    a,
    button {
        transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
    }

    a:hover {
        opacity: 0.95;
    }

    a[class*="bg-#0068DD"]:hover,
    a[class*="bg-#FF8200"]:hover {
        transform: translateY(-2px);
    }

    a.bg-\[\#0068DD\]:hover {
        box-shadow: 6px 6px 0px #8DC8FF;
    }

    a.bg-\[\#FF8200\]:hover {
        box-shadow: 6px 6px 0px #FFB47E;
    }

    a.border-b:hover {
        color: #0047C7;
        border-color: #0047C7;
    }

    a.border-b:hover span {
        color: #0047C7 !important;
    }

    a.underline:hover {
        text-decoration-thickness: 2px;
        text-underline-offset: 3px;
    }

    [data-info-toggle]:hover,
    [data-notice-toggle]:hover {
        transform: scale(1.06);
    }

    [data-notice-toggle]:hover {
        border-color: #0047C7;
    }

    [data-notice-toggle]:hover [data-notice-icon-horizontal],
    [data-notice-toggle]:hover [data-notice-icon-vertical] {
        background-color: #0047C7;
    }
}