.notification_square{position:absolute;z-index:2;display:flex;padding:15px;align-items:center;width:var(--page-margin);height:var(--page-margin);transition:.3s linear;background:#fff;border:1px dashed #d3d3d3;top:0;right:0}.notification_content{display:none;justify-content:start;align-items:end;width:100%;height:100%;color:#000}.notification_square.active{display:grid;grid-template-columns:6fr 1fr;z-index:4;width:350px;cursor:pointer;justify-content:center;background:#fff;border:1px dashed #d3d3d3;box-shadow:0 0 10px #d3d3d3;transition-delay:.2s;transition:.3s linear}.notification_square.active .notification_content{display:flex}.notification_content.success{text-decoration:underline;-webkit-text-decoration-color:#23a133;text-decoration-color:#23a133}.notification_content.error{text-decoration:underline;-webkit-text-decoration-color:#e83b3b;text-decoration-color:#e83b3b}