.elementor-panel-revisions-buttons {
	display: flex;
	justify-content: space-between;
	padding: 15px 20px;
	border-block-end: var(--e-a-border);
}

.elementor-history- {

	&item {
		display: flex;
		align-items: center;
		text-align: start;
		border: var(--e-a-border);
		border-radius: var(--e-a-border-radius);
		padding: 10px 15px;
		margin-block-end: 10px;
		width: 100%;
		font-size: 11px;
		line-height: 1.4;
		background-color: transparent;
		cursor: pointer;
		transition: var(--e-a-transition-hover);

		&:hover:not(.elementor-history-item-current),
		&:focus:not(.elementor-history-item-current) {
			background-color: var(--e-a-bg-hover);
			color: var(--e-a-txt-color-hover);

			.elementor-history-item__icon{
				.eicon:before {
					content:'\e924';
				}
			}
		}

		&-current {
			border-color: var(--e-a-border-color-accent);
			background-color: var(--e-a-bg-active);
			color: var(--e-a-txt-color-active);

			.elementor-history-item__icon,
			&:hover .elementor-history-item__icon,
			&:focus .elementor-history-item__icon {

				.eicon:before {
					content:'\e90e';
				}
			}
		}

		&__details{
			width: 95%;
		}

		&__title {
			font-weight: bold;
		}

		&__subtitle, &__action {
			font-weight: lighter;
		}

		&__action {
			font-style: italic;
			text-decoration: underline;
		}
	}

	&revisions-message{
		font-size: 11px;
		text-align: center;
		padding-block-start: 5px;
	}
}

#elementor-panel-history {
	padding: 20px;
	padding-block-end: 15px;

	&.elementor-empty {

		.elementor-history-revisions-message {
			padding-block-start: 20px;
		}
	}

	&:not(.elementor-empty) {
		margin-block-start: 10px;
	}
}

#elementor-panel-history-no-items,
#elementor-panel-revisions-no-revisions {
	text-align: center;

	.elementor-nerd-box-icon {
		margin-block-start: 20px;
	}
}
