.wp-admin.block-editor-page .casted-editor-wrapper {
	padding: 2px calc(0.5rem + 2px);
	border-radius: 4px;

	&:hover {
		padding: 0 0.5rem;
		border: 2px solid $brand-background-blue;

		.casted-hover-edit {
			opacity: 1;
		}
	}

	.casted-hover-edit {
		height: 52px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0.5rem;
		background: #fff;
		opacity: 0;

		h3 {
			margin: 0;
			color: $brand-background-blue;
			font-family: 'Open Sans';
			font-size: 1rem;
			font-weight: normal;
			line-height: 1.25rem;
			letter-spacing: 0;
		}

		.casted-edit-block-button {
			margin-left: 1rem;
			padding: 0.5rem 1.25rem;
			justify-content: center;
			border: 1px solid #fff;
			border-radius: 3px;
			line-height: 1.0625rem;
			letter-spacing: 0.0525rem;
			font-family: 'Open Sans';
			font-size: 0.75rem;
			font-weight: bold;
			text-transform: uppercase;
			background: $brand-green;
			border: 1px solid $brand-green;
			color: #fff;

			&:not(:disabled):not([aria-disabled='true']):hover {
				background: #349e71;
				border-color: $brand-green-border;
			}
		}
	}
}