Wordpress Duyuru Alanı Kodu.

<div class="duyuru-kutu-genel">
    <a href="#" class="close">×</a>
    <div class="duyuru-icon">
        <i class="fa fa-bullhorn"></i>
    </div>
    <h5>Genel Duyurusu</h5>
    <p>“Kendine Göre Düzenlenecek Alanlar” tarafından gönderilmiş gibi gösterilen e-postaları dikkate almayınız.</p>
    <a href="#" class="duyuru-buton">Detaylı Bilgi</a>
</div>

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600&display=swap');
* {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 0;
    text-decoration: none;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    font-family: 'Mulish', sans-serif
}
.duyuru-kutu-genel {
    max-width: 270px;
    border-radius: 32px;
    position: fixed;
    margin-bottom: 0;
    z-index: 99990;
    text-align: center;
    padding: 20px;
    background-color: #fff;
    left: 15px;
    bottom: 15px;
    box-shadow: 0 40px 55px 12px rgba(71,40,126,.2);
}
.duyuru-kutu-genel .duyuru-icon {
    background-color: #dccbe7;
    border-radius: 74px;
    width: 100px;
    height: 100px;
    margin: -45px auto 0;
    text-align: center;
    display: inline-block;
    position: relative;
    top: -45px;
}
.duyuru-kutu-genel .duyuru-icon i {
    padding-top: 35px;
    font-size: 44px;
    line-height: 30px;
    color: #44297A;
}
.duyuru-kutu-genel .close {
    background-color: #ece8f4;
    position: absolute;
    border-radius: 50%;
    right: 20px;
    top: 20px;
    opacity: 1;
    width: 27px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    color: rgba(69,13,135,.7);
    text-decoration: none;
}
.duyuru-kutu-genel h5 {
    font-size: 18px;
    color: #450e87;
    margin-top: -20px;
    letter-spacing: -1px;
}
.duyuru-kutu-genel p {
    color: #7d8e9f;
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 20px;
}
.duyuru-buton {
    background-color: #44297a;
    font-size: 13px;
    line-height: 16px;
    padding: 12px 42px;
    border-radius: 8px;
    display: inline-block;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
}