.wp-block-post-script {
	margin: 0;
}

.wp-block-post-script__button {
	position: fixed!important;
	right: 20px;
	bottom: 20px;
	z-index: 999;
}

.wp-block-post-script__button:not(.has-background) {
	background-color: #007cba;
}

.wp-block-post-script__button:not(.has-text-color) {
	color: white;
}

.wp-block-post-script__content {
	position: fixed;
	right: -100vw;
	bottom: 100px;
	max-width: 370px;
	width: calc(100% - 40px);
	min-height: 250px;
	max-height: 500px;
	height: calc(100% - 120px);
	padding: 1em;
	background: #fff;
	border-radius: 8px;
	box-shadow:
		0 -1px 2px 0 rgba(0, 0, 0, 0.05),
		0 0.6px 0.6px rgba(0, 0, 0, 0.025),
		0 1.5px 1.5px rgba(0, 0, 0, 0.036),
		0 2.9px 2.9px rgba(0, 0, 0, 0.045),
		0 5.1px 5.1px rgba(0, 0, 0, 0.054),
		0 9.6px 9.6px rgba(0, 0, 0, 0.065),
		0 23px 23px rgba(0, 0, 0, 0.09);
	z-index: 999;
	overflow-y: scroll;
	transform: translateY(20px);
	opacity: 0;
	transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, right 0s linear 0.2s;
}

.wp-block-post-script__content > * {
	opacity: 0;
	transition: opacity 0.2s ease-in-out 0.2s;
}

.wp-block-post-script__content[aria-hidden="false"]  {
	right: 20px;
	opacity: 1;
	transform: translateY(0);
	transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.wp-block-post-script__content[aria-hidden="false"] > * {
	opacity: 1;
}

.wp-block-post-script__content .alignwide {
	width: calc(100% + 1em);
	max-width: calc(100% + 1em);
	margin-left: -0.5em;
}

.wp-block-post-script__content .alignfull {
	width: calc(100% + 2em);
	max-width: calc(100% + 2em);
	margin-left: -1em;
}