/*Cursor.css | Custom cursor style and animations */

@media (min-width: 769px) {
    *, 
    *:hover,
    button,
    input[type="submit"],
    input[type="button"],
    a:hover,
    a:link,
    a:visited,
    select,
    input[type="range"],
    input[type="date"],
    input[type="color"],
    ::-webkit-resizer,
    video,
    canvas {
        cursor: none !important;
    }

    .custom-cursor {
        width: 38px;
        height: 38px;
        pointer-events: none;
        position: fixed;
        background-image: url('../img/cursor.png');
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 9999;
        transform-origin: 0 0;
        transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    }

    .custom-cursor.active {
        transform: scale(1.3);
    }
}