JSFiddle - React, Tailwind, and code Playground

by Kiran G

HTML

<div class="Round-circle movetop20"> 
            <div class="btn-group1">
            <button class="liv-btn task-border-bottom like  " data-toggle="tooltip" title="Like">
                <i class="icon-like"></i>
            </button>
            <button class="liv-btn task-border-bottom" data-toggle="tooltip" title="Tag">
                <i class="icon-tag"></i>
            </button>
            <button class="liv-btn task-border-bottom" data-toggle="tooltip" title="sub-Task">
                <i class="icon-subtask icon-sm"></i>
            </button>
            <button class="liv-btn task-border-bottom" data-toggle="tooltip" title="attachment">
                <i class="icon-attachment1 icon-sm"></i>
            </button>
            <button class="liv-btn task-border-bottom" data-toggle="tooltip" title="more">
                <i class="icon-more1"></i>
            </button>
        </div>
        </div>

CSS

.Round-circle {
        background-color: #f7f7f7;
        height: 52px;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 2px 2px rgba(0, 0, 0, 0.15);
        width: 300px;
        border-radius: 40px;
    }