.wp-block-nemtly-perspective-text {
    perspective: var(--nemtly-perspective, 1000px);

    .perspective-text {
        transform-style: preserve-3d;
        transition: transform 0.3s ease;
        transform: rotateX(var(--nemtly-rotate-x, 30deg)) rotateY(var(--nemtly-rotate-y, -15deg));
        text-shadow: var(--nemtly-text-shadow, 1px 1px 0 rgba(0, 0, 0, 0.1), 2px 2px 0 rgba(0, 0, 0, 0.1), 3px 3px 0 rgba(0, 0, 0, 0.1), 4px 4px 0 rgba(0, 0, 0, 0.1), 5px 5px 0 rgba(0, 0, 0, 0.1));
    }

    &:hover .perspective-text {
        transform: rotateX(0deg) rotateY(0deg);
    }
}