JSFiddle - React, Tailwind, and code Playground

HTML

<body class='darkGradient'>
        <div class='lightGradient banner'>
            <div class="button verticalCenter blueGlass"><span>Home</span></div>
            <div class="button verticalCenter blueGlass"><span>Browse</span></div>
            <div class="button verticalCenter blueGlass"><span>Unresponded</span></div>
            <div class="button verticalCenter blueGlass"><span>New</span></div>
        </div>
    </body>

CSS

:root {
    --darkGradient-ff: -moz-linear-gradient(top,  rgba(40,40,40,0.76) 0%, rgba(112,117,124,0.64) 100%);
    --darkGradient-crm: -webkit-linear-gradient(top,  rgba(40,40,40,0.76) 0%,rgba(112,117,124,0.64) 100%);
    --darkGradient-othr: linear-gradient(to bottom,  rgba(40,40,40,0.76) 0%,rgba(112,117,124,0.64) 100%);
    --darkGradient-ie8: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2282828', endColorstr='#a370757c',GradientType=0 );

    --darkBlueGradient-ff: -moz-linear-gradient(top,  rgba(26,74,130,0.5) 0%, rgba(56,123,170,0.5) 100%);
    --darkBlueGradient-crm: -webkit-linear-gradient(top,  rgba(26,74,130,0.5) 0%,rgba(56,123,170,0.5) 100%);
    --darkBlueGradient-othr: linear-gradient(to bottom,  rgba(26,74,130,0.5) 0%,rgba(56,123,170,0.5) 100%);
    --darkBlueGradient-ie8: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801a4a82', endColorstr='#80387baa',GradientType=0 );

    --lightGradient-ff: -moz-linear-gradient(top,  rgba(255,255,255,0.25) 0%, rgba(243,243,243,0.3) 50%, rgba(237,237,237,0.3) 51%, rgba(255,255,255,0.35) 100%);
    --lightGradient-crm: -webkit-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(243,243,243,0.3) 50%,rgba(237,237,237,0.3) 51%,rgba(255,255,255,0.35) 100%);
    --lightGradient-othr: linear-gradient(to bottom,  rgba(255,255,255,0.25) 0%,rgba(243,243,243,0.3) 50%,rgba(237,237,237,0.3) 51%,rgba(255,255,255,0.35) 100%);
    --lightGradient-ie8: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#59ffffff',GradientType=0 );

    --lbGGradient--ff: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
    --lbGGradient--crm: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    --lbGGradient--othr: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1)...