.modal {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(77, 77, 77, .7);
	transition: all .4s;
}

.modal:target {
	visibility: visible;
	opacity: 1;
}

.modal__content {
	border-radius: 4px;
	position: relative;
	width: 500px;
	max-width: 90%;
	background: #fff;
	padding: 1em 2em;
}

.modal__footer {
	text-align: right;
	a {
		color: #585858;
	}
	i {
		color: #d02d2c;
	}
}
.modal__close {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #585858;
	text-decoration: none;
}