.notification-div{display:flex;padding:8px 16px;align-items:flex-start;gap:8px;align-self:stretch;background:#fff}.notification-div .content-div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;flex:1 0 0}.notification-div .content-div .title{flex:1 0 0;color:#1a1f36;font-family:Outfit;font-size:16px;font-style:normal;font-weight:500;line-height:20px}.notification-div .content-div .date{align-self:stretch;color:#a5acb8;font-family:Outfit;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.notification-div .content-div .mid-div{display:flex;align-items:flex-start;gap:8px;align-self:stretch}.notification-div .content-div .mid-div .left-div{width:8px;align-self:stretch;border-radius:2px;background:#dddee1}.notification-div .content-div .mid-div .right-div{color:#1a1f36;font-family:Outfit;font-size:14px;font-style:normal;font-weight:400;line-height:20px;height:40px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.m-notification-div{display:flex;padding:16px 8px;align-items:flex-start;gap:8px;align-self:stretch}.m-notification-div .m-content-div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;flex:1 0 0}.m-notification-div .m-content-div .m-title{align-self:stretch;color:#1a1f36;font-family:Outfit;font-size:16px;font-style:normal;font-weight:500;line-height:20px}.m-notification-div .m-content-div .m-date{align-self:stretch;color:#a5acb8;font-family:Outfit;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.m-notification-div .m-content-div .m-mid-div{display:flex;align-items:flex-start;gap:8px;align-self:stretch}.m-notification-div .m-content-div .m-mid-div .m-left-div{width:4px;align-self:stretch;border-radius:2px;background:#dddee1}.m-notification-div .m-content-div .m-mid-div .m-right-div{color:#1a1f36;font-family:Outfit;font-size:14px;font-style:normal;font-weight:400;line-height:20px;height:40px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.cta-button{position:relative;display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-position:center calc(100% + 40px);background-size:0 0;background-origin:border-box;padding:12px 20px;overflow:hidden;background-image:url(/images/button-fill-ellipse.svg);border-radius:8px;transition:background-position .2s ease,background-size .2s ease,color .2s ease;font-size:16px;font-weight:600;line-height:24px;font-style:normal}.cta-button:hover{background-position:center;background-size:180px 180px;color:#fff}