laravel 返回提示消息样式

->with(['msg'=>'成功', 'alert'=>'success']);
@if(!empty(session('alert')))
<div class="notice-tip notice-tip-{{ session('alert') }}" id="notice-tip-{{ time() }}">{{ session('msg') }}<script>setTimeout(function(){document.getElementById('notice-tip-{{ time() }}').remove();},3000);</script></div>
@endif
.notice-tip{position:fixed;top:70px;width:300px;left:calc(50% - 150px);padding:0.5rem 0.75rem;background-color:#fff;-webkit-box-shadow: 0 .15rem 0.5rem rgba(0,0,0,.15);box-shadow: 0 .15rem 0.5rem rgba(0,0,0,.15);border-radius:0.25rem;animation:position-in .2s forwards;transform:translateY(-100%);z-index:9999;}
.notice-tip:before{font-family: 'Font Awesome 5 Free';font-weight: 900;margin-right: 0.5rem;}
.notice-tip-success:before{content: "\f058";color:#22b783;}
.notice-tip-info:before{content: "\f0a1";color:#41cbd8;}
.notice-tip-warning:before{content: "\f06a";color:#ff9f43;}
.notice-tip-danger:before{content: "\f057";color:#ef4d56;}
@keyframes position-in {to {transform:translateY(0)}}

使用了fontawesome图标