JSFiddle - React, Tailwind, and code Playground

HTML

<div id="controlsContainer" class="controlsContainer">
            <i id="staticLink">O</i>
            <input id="replaySeeker" style="width: 75%" type="range">
            <button id="playPauseButton">||</button>
            <div class="replayTimeContainer">
                <span id="dTime">37m 41s</span>/<span id="tTime">44m 06s</span>
            </div>
        </div>

CSS

.controlsContainer {
                background:#d22;
                position:absolute;
                bottom:20px;
                left:5%;
                padding:5px;
                width: 90%;
                border-radius:3px;
                display:flex;
                align-items:center;
            }

            .controlsContainer #staticLinkButton {
                margin: 0px 3px 0px 3px;
                   display:flex;
            }

            .controlsContainer #replaySeeker {
                margin: auto;
                display:flex;
                flex-grow:1;
            }

            .controlsContainer #playPauseButton {
                margin: 0px 5px;
                  display:flex;
            }