JSFiddle - React, Tailwind, and code Playground

by Plippie Plop

HTML

<div>
    <a href="https://www.youtube.com/...." target="_blank" class="top-banner">
        Need help? Watch this Video
    </a>
</div>

CSS

top-banner {
        width: 100%;
        display: block;
        text-align: center;
        background: #fee768;
        color: #555;
        font-size: 16px;
        padding: 10px 7px;
        font-weight: 600;
        border:1px solid red;
    }

    .top-banner:hover {
        text-decoration: none;
        background: #ffc71f;
        color: #846934;
    }