.gm-image-state-button .wp-block-button__link {
    width: var(--gm-btn-width, auto);
    min-height: var(--gm-btn-height, auto);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-image: var(--gm-btn-normal);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.05s ease;
}

.gm-image-state-button .wp-block-button__link:hover {
    background-image: var(--gm-btn-hover, var(--gm-btn-normal));
}

.gm-image-state-button .wp-block-button__link:active {
    background-image: var(--gm-btn-down, var(--gm-btn-hover, var(--gm-btn-normal)));
    transform: translateY(1px);
}

.gm-image-state-button.gm-hide-text .wp-block-button__link {
    color: transparent !important;
    text-shadow: none !important;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
}

.gm-image-state-button.gm-hide-text .wp-block-button__link::after {
    content: '';
}

.editor-styles-wrapper .gm-image-state-button .wp-block-button__link,
.block-editor-block-list__block.gm-image-state-button .wp-block-button__link {
    background-image: var(--gm-btn-normal);
}

.gm-isb-control {
    margin-bottom: 16px;
}

.gm-isb-label {
    margin: 0 0 8px;
    font-weight: 600;
}

.gm-isb-buttons {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

.gm-isb-preview-wrap {
    margin-top: 8px;
}

.gm-isb-preview {
    display: block;
    max-width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.gm-isb-note {
    margin-top: 10px;
    color: #555;
}