html body .rasa-gallery-page-arrow {
    position: fixed !important;
    z-index: 9998 !important;
    top: 50% !important;
    width: 56px !important;
    height: 56px !important;
    border: 0 !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-50%) scale(.92) !important;
    background:
        radial-gradient(circle at 34% 28%, rgba(255,255,255,.98), rgba(255,255,255,.68) 46%, rgba(230,252,253,.94) 100%) !important;
    box-shadow:
        0 18px 46px rgba(7,49,61,.18),
        inset 0 1px 0 rgba(255,255,255,.95),
        0 0 0 1px rgba(22,199,199,.14) !important;
    backdrop-filter: blur(12px) !important;
    transition:
        opacity .18s ease,
        visibility .18s ease,
        transform .18s ease,
        box-shadow .18s ease !important;
}

html body .rasa-gallery-page-arrow.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(-50%) scale(1) !important;
}

html body .rasa-gallery-page-arrow:hover {
    transform: translateY(-50%) scale(1.08) !important;
    box-shadow:
        0 24px 58px rgba(7,49,61,.24),
        inset 0 1px 0 rgba(255,255,255,1),
        0 0 0 1px rgba(22,199,199,.20) !important;
}

html body .rasa-gallery-page-arrow:active {
    transform: translateY(-50%) scale(.98) !important;
}

html body .rasa-gallery-page-arrow::before {
    content: "" !important;
    position: absolute !important;
    inset: 8px !important;
    border-radius: 999px !important;
    background:
        linear-gradient(135deg, rgba(22,199,199,.18), rgba(255,159,28,.12)) !important;
}

html body .rasa-gallery-page-arrow::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    width: 13px !important;
    height: 13px !important;
    border-top: 2.7px solid #073B4C !important;
    border-left: 2.7px solid #073B4C !important;
}

html body .rasa-gallery-page-arrow.rasa-gallery-page-prev {
    right: 26px !important;
}

html body .rasa-gallery-page-arrow.rasa-gallery-page-next {
    left: 26px !important;
}

html body .rasa-gallery-page-arrow.rasa-gallery-page-prev::after {
    right: 21px !important;
    transform: translateY(-50%) rotate(135deg) !important;
}

html body .rasa-gallery-page-arrow.rasa-gallery-page-next::after {
    left: 21px !important;
    transform: translateY(-50%) rotate(-45deg) !important;
}

html body .rasa-home-gallery-section.rasa-gallery-final > .rasa-gallery-side-arrow,
html body .rasa-gallery-outer.rasa-gallery-final-shell > .rasa-gallery-side-arrow {
    display: none !important;
}

@media (max-width: 900px) {
    html body .rasa-gallery-page-arrow {
        width: 44px !important;
        height: 44px !important;
    }

    html body .rasa-gallery-page-arrow.rasa-gallery-page-prev {
        right: 10px !important;
    }

    html body .rasa-gallery-page-arrow.rasa-gallery-page-next {
        left: 10px !important;
    }

    html body .rasa-gallery-page-arrow::before {
        inset: 6px !important;
    }

    html body .rasa-gallery-page-arrow::after {
        width: 10px !important;
        height: 10px !important;
    }

    html body .rasa-gallery-page-arrow.rasa-gallery-page-prev::after {
        right: 16px !important;
    }

    html body .rasa-gallery-page-arrow.rasa-gallery-page-next::after {
        left: 16px !important;
    }
}

@media (max-width: 520px) {
    html body .rasa-gallery-page-arrow {
        width: 38px !important;
        height: 38px !important;
    }

    html body .rasa-gallery-page-arrow.rasa-gallery-page-prev {
        right: 6px !important;
    }

    html body .rasa-gallery-page-arrow.rasa-gallery-page-next {
        left: 6px !important;
    }
}