.my-dialog
{
	display: none;
	color: white;
	font-size: x-large;
	font-weight: bold;

	background-color: black;

	border-radius: 8px;

	position: absolute;
	top: 50%;
	min-width: 150px;
	min-height: 70px;
	opacity: 1;
	padding: 10px;
	z-index: 100;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.my-dialog header
{
	position: static;
}

.my-dialog .dialog-counter
{
	font-size: 24px;
}

.my-dialog-button {
	color: white;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
	box-shadow: none;
	border: none;
	outline: none;
	text-transform: capitalize;
	font-family: 'Open Sans Hebrew Condensed';
	font-weight: bold;
	font-size: 17px;
}

.my-red-button
{
	background-color: var(--red);
}

.my-blue-button
{
	background-color: var(--blue);
}