.alert {
    max-width: 450px;
    width: 60vw;
    position: fixed;
    display: flex;
    justify-content: space-around;
    top: -20%;
    z-index: 5;
    padding: 10px;
    border: 2px solid var(--border-alert-color);
    color: var(--border-alert-color);
    background-color: var(--background-alert-color);
    box-shadow: 0px 0px 30px black;
    opacity: 0%;
    transition: top 0.8s, opacity 0.5s ease;
}

.alert-close {
    font-size: 20pt;
    align-self: flex-start;
}

.attention {
    align-self: flex-start;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    border: 2px solid var(--border-alert-color);
    background-color:  var(--background-alert-color);
    max-width: 80px;
    max-height: 80px;
    width: 20%;
    height: 20%;
}

.attention img {
    max-width: 15px;
    min-width: 12px;
    width: 30%;
}

.message {
    padding: 10px;
    font-size: 20pt; /* изменится шрифт в mobile-version.css */ 
}