.prompt {
display: table;
width: 100%;
height: auto;
background-color: #4CAF50;
margin-bottom: 5px;
}
.prompt.message {
background-color: #2196F3;
}
.prompt.notice {
background-color: #ff9800;
}
.prompt.warning {
background-color: #f44336;
}
.prompt:target {
display: none;
}
.prompt .table-row {
display: table-row;
width: 100%;
height: auto;
}
.prompt .content {
display: table-cell;
width: 95%;
height: auto;
color: #FFF;
font-size: 16px;
padding: 1rem;
vertical-align: middle;
}
.prompt .close-btn {
display: table-cell;
width: 5%;
height: auto;
text-align: center;
padding: 1rem;
vertical-align: middle;
}
.prompt .close-btn a {
color: #FFF;
font-size: 22px;
font-weight: bold;
cursor: pointer;
text-decoration: none;
transition: 1s;
}
.prompt .close-btn a:hover {
color: #000;
}