.custom-cursor-wrapper {
    position: relative;
    margin-top: 29px;
}

.custom-cursor {
    display: block;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background-color: var(--color-red);
    mix-blend-mode: multiply;
}


.custom-cursor-button {
    position: absolute;
    top: calc(50%);
    left: calc(50%);
    width: 66px;
    transform: translate(-50%, -50%);
    font-size: 16px;
    line-height: 19.36px;
    font-family: Obviously Wide Medium;
    color: var(--color-white);
}

.career-layout.show-custom-cursor .custom-cursor {
    display: block;
}

.career-layout.show-custom-cursor .custom-cursor-button {
    display: block;
}

@media (min-width: 768px) {

    .career-layout.show-custom-cursor {
        cursor: none;
    }

    .custom-cursor {
        position: fixed;
        margin-top: unset;
        pointer-events: none;
        z-index: 0;
        display: none;
        width: 164px;
        height: 164px;
    }

    .custom-cursor-button {
        font-size: 20px;
        line-height: 24.2px;
        width: 82px;
        height: 39px;
        position: fixed;
        z-index: 1;
        display: none;
        pointer-events: none;
        transform: unset;
    }
}

@media (min-width: 1194px) {
    .custom-cursor {
        width: 212px;
        height: 212px;
    }

    .custom-cursor-button {
        font-size: 28px;
        line-height: 33.88px;
        width: 115px;
        height: 68px;
    }
}