.notification{margin-bottom:18px}.notification .header{display:flex;background:#fefeff;padding:24px 30px 22px 19px;border-radius:3px 3px 0 0;margin-bottom:2px;justify-content:space-between}.notification .header .aside{display:flex}.notification .header .aside .profile-img-wrapper{height:50px;width:50px;background:#ffc702;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:20px}.notification .header .aside .person-info{display:flex;flex-direction:column}.notification .header .aside .person-info .name{font-weight:500;color:#3a3b3f;font-size:1.125rem}.notification .header .aside .person-info .course{font-weight:400;color:#3a3b3f;font-size:.875rem;letter-spacing:1px}.notification .header .content{font-weight:400;color:#66788a;font-size:.875rem}.notification .header .notification-date{display:flex;flex-direction:column;justify-content:space-around;align-items:flex-end;color:#9ea0a5}.notification .header .notification-date .date{font-weight:700}.notification .footer{display:flex}.notification .footer button{height:40px}.notification .footer button.perfil{min-width:163px;background:#fefeff;border:none;color:#3a3b3f;font-weight:500;font-size:.75rem}.notification .footer button.responder{width:100%;background:#c6cbd4;border:none;color:#fff;font-weight:700;font-size:1rem}@media (max-width:768px){.notification .footer button.perfil,.notification .header .aside .person-info,.notification .header .notification-date{display:none}}