.editor-styles-wrapper {
	.uagb-modal-wrapper {
		.uagb-modal-popup {
			&.uagb-modal-type-right-off-canvas {
				.uagb-modal-popup-wrap {
					margin: 0 !important;
				}

				&.active {
					padding: 0 !important;
				}
			}

			&.uagb-modal-type-left-off-canvas {
				.uagb-modal-popup-wrap {
					margin: 0 !important;
				}

				&.active {
					padding: 0 !important;
				}
			}

			.uagb-modal-popup-wrap {
				margin: 30px;
			}

			// The default button appearance.
			button.uagb-modal-popup-close {
				border: none;
				background: transparent;
				background-color: transparent;
				padding: 0;
			}

			&.active {
				background: rgba(0, 0, 0, 0.6);
				border: 2px none #ddd;
				display: flex;
				margin-top: 20px;
				padding: 30px;
				position: relative;
			}
		}
	}
}

.uagb-spectra-button-wrapper > div {
	display: inline-block;
}

.rtl .editor-styles-wrapper {
	.uagb-modal-button-link .uagb-modal-content-wrapper > svg {
		// Fixed 5px left/right margin when before/after button icon.
		margin-left: 5px;
		margin-right: 5px;
	}
}
