.notix-subscribe-popup {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.notix-subscribe-popup-header {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.notix-subscribe-popup-header-title {
display: flex;
}
.notix-subscribe-popup-content {
display: flex;
flex-direction: column;
background-color: #fefefe;
margin: 15% auto;
padding: 10px;
border: 1px solid #888;
width: 300px;
height: fit-content;
}
.notix-subscribe-popup-content-body {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 20px;
}
.notix-subscribe-popup-content-body-yes,
.notix-subscribe-popup-content-body-no {
display: flex;
border: 1px solid #888;
border-radius: 3px;
font-size: 16px;
padding: 0 20px;
cursor: pointer;
}
.notix-subscribe-popup-content-body-yes:hover,
.notix-subscribe-popup-content-body-no:hover {
background-color: #CCC;
}
.notix-subscribe-popup-close {
display: flex;
color: #aaa;
float: right;
font-weight: bold;
align-self: flex-end;
}
.notix-subscribe-popup-close:hover,
.notix-subscribe-popup-close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}