How To Make beautiful disclaimer box Blogger and wordpress and wapkiz

Here is a simple disclaimer text you can use:

Disclaimer: The information provided on this website is for general informational purposes only. While we strive to keep the content accurate and up-to-date, we make no warranties or representations of any kind regarding its completeness, accuracy, reliability, or suitability. Any reliance you place on such information is strictly at your own risk.

      <div class="note-box">
    <p><strong>Note:</strong> Don't use any adblocker or browser like Brave; otherwise, you won't be able to download movies. Use a simple Chrome browser. Support us – Thanks.</p>
</div>

<div class="info-box">
    <p>🚀 Our old Telegram channel was permanently banned! We've created a new one. Please <a href="#">join fast</a> for movie updates.</p>
</div>

<div class="telegram-button">
    <a href="https://t.me/+-h-QVbQ2hXs4M2Rl">
        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/83/Telegram_2019_Logo.svg/300px-Telegram_2019_Logo.svg.png" alt="Telegram">
        Join Our Telegram Channel
    </a>
</div>

<div class="alert-box">
    <p>⚠️ <strong>Play in VLC / Playit player</strong> if audio is not supported in MX Player.</p>
</div>

<div class="expired-note">
    <p>🛑 <strong>Note:</strong> If the link is expired, please comment below, and we will fix it ASAP.</p>
</div>

<div class="comment-box">
    <p>💬 Comment your queries and requests below in the comment box.</p>
</div>

<style>
/* General Styling LuxTechZone */
body {
    background: #121212; /* Dark Mode */
    font-family: 'Poppins', sans-serif;
    color: white;
    font-size: 14px; /* Medium text size */
}

/* Medium Box Styling LuxTechZone */
.note-box, .info-box, .alert-box, .expired-note, .comment-box {
    padding: 15px; /* Medium padding */
    border-radius: 10px; /* Rounded corners */
    margin: 12px 0;
    text-align: center;
    font-weight: bold;
    font-size: 15px; /* Medium font */
    box-shadow: 0px 4px 12px rgba(255, 255, 255, 0.2);
}

/* Pink & Blue Neon Theme LuxTechZone */
.note-box {
    background: linear-gradient(135deg, #ff00ff, #00d2ff);
    color: white;
    border-left: 4px solid #ffcc00;
}

/* Info Box - Dark Mode Neon LuxTechZone */
.info-box{
    background: linear-gradient(135deg, #1a1a1a, #262626);
    color: #00ffea;
    border-left: 4px solid #ff1493;
}

/* Alert Box - Red Glow LuxTechZone */
.alert-box {
    background: linear-gradient(135deg, #ff0000, #ff7300);
    color: white;
    text-shadow: 1px 1px 4px black;
    border-left: 4px solid #00ffff;
}

/* Expired Note - Neon Yellow */
.expired-note {
    background: linear-gradient(135deg, #ffcc00, #ffeb3b);
    color: black;
    border-left: 4px solid #ff00ff;
}

/* Telegram Button - Medium SizebLuxTechZone */
.telegram-button {
    background: linear-gradient(45deg, #0088cc, #00bfff, #0077ff);
    padding: 12px;
    border-radius: 40px;
    text-align: center;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
    width: 80%;
    transition: 0.3s ease-in-out;
    font-size: 15px;
}

/* Telegram Button Text LuxTechZone */
.telegram-button a {
    color: white;
    text-decoration: none;
    font-size: 15px;
    display: flex;
    align-items: center;
}

/* Telegram Icon LuxTechZone */
.telegram-button img {
    width: 22px;
    height: 22px;
    margin-right: 8px;
}

/* Hover Effect LuxTechZone  */
.telegram-button:hover {
    transform: scale(1.06);
    box-shadow: 0 5px 18px rgba(0, 191, 255, 0.8);
}

/* Comment Box - Neon Green LuxTechZone */
.comment-box {
    background: linear-gradient(135deg, #00ff00, #66ff66);
    color: black;
    border-left: 4px solid #ff4500;
}
</style>