.all-notifications .s-notif{padding:20px;flex:1 0 calc(33.33% - 20px);max-width:calc(33.33% - 20px);margin:0 10px 20px;border:2px transparent solid}
.all-notifications .s-notif .date{padding:2px 7px;margin-right:10px}
.all-notifications .s-notif .text{line-height:1.85;margin-top:10px}
.all-notifications .s-notif .read-btn{padding:10px 15px 7px;line-height:22px;border-bottom:3px rgba(28, 28, 28, 0.25) solid;margin-top:15px}
.all-notifications .s-notif .read-btn i{margin-left:5px}
.all-notifications .s-notif .read-btn:hover{opacity:.8}
.all-notifications .s-notif.readed{background:none;border-color:var(--blur)}
.all-notifications .s-notif.readed .read-btn{display:none}

@media only screen and (max-width:920px){
.all-notifications .s-notif{flex:1 0 calc(50% - 20px);max-width:calc(50% - 20px)}
.all-notifications .s-notif .title{font-size:14px}
.all-notifications .s-notif .text{font-size:13px}
.all-notifications .s-notif .read-btn{padding:8px 15px;font-size:13px;margin-top:10px}
}
@media only screen and (max-width:680px){
.all-notifications .s-notif{flex:1 0 100%;max-width:100%;margin:7.5px 0}
}