.modal {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh ;
    backdrop-filter: blur(10px);
    background: var(--video-filter);
    z-index: 10;
    padding: var(--small-padding);
}
.modalWrapper {
	position: relative;
	border-radius: 10px;
    width: clamp(20rem, 60vw, 40rem);
    min-height: 50vh;
	padding: 20px;
	background-color: var(--bfc-white);
    color: var(--bfc-red-dark);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.modalWrapper .divDetails {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.modalWrapper .divDetails .details {
    text-align: center;
}
.modalWrapper .divDetails .return_button {
    margin: var(--main-padding);
    padding: var(--small-padding);
    background: var(--bfc-red-dark);
    color: var(--bfc-white);
    border-radius: 7px;
    text-decoration: none;
    transition: .3s;
}
.modalWrapper .divDetails .return_button:hover{
    background: var(--bfc-red);
}
.modalWrapper .divDetails .titleMessage {
    text-align: center;
    padding: var(--main-padding);
}
.modalWrapper .close {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 20px;
	cursor: pointer;
}