.modal {
    display: none;
}

.modal.modal--active {
    display: block;
}

.modal--fullscreen {
   background-color: var(--clr-white); 
   position: fixed;
   z-index: 20;
   left: 0;
   top: 0;
   width: 100vw;
   height: 100vh;
}

.modal--fullscreen #close-modal-btn {
    font-size: 40px;
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 5px;
    border-radius: 3px;
}

.modal--fullscreen #close-modal-btn:hover {
    background-color: var(--clr-grey);
    transform: scale(110%);
}