.editor-styles-wrapper {
    .bw-step-layout {
        &__button-wrapper {
            display: inline-block;
            
            .bw-step-layout__button {
                display: inline-block;
                padding: 12px 24px;
                background: transparent;
                color: #fff;
                border: 2px solid #fff;
                text-decoration: none;
                text-transform: uppercase;
                font-size: 14px;
                font-weight: 600;
                letter-spacing: 1px;
                cursor: text;
            }
        }

        // In editor, make sure text is visible for editing
        &__card[data-has-image="true"] {
            .bw-step-layout__content {
                background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 100%);
            }
        }

        // Editor-specific styling for better visibility
        .rich-text__editable {
            &:focus {
                outline: 1px dashed rgba(255, 255, 255, 0.5);
                outline-offset: 2px;
            }
        }

        // Ensure placeholders are visible
        &__title,
        &__description,
        &__button {
            &[data-is-placeholder-visible="true"] {
                opacity: 0.6;
            }
        }
    }
}