JSFiddle - React, Tailwind, and code Playground

by Karthick

HTML

<a href="javascript:void(0);" class="choose-widgets" id="choose-widgets" tabindex="2" style=""> <span class="widgets-ico"></span>
					<span class="dash-text" style="">Choose Widgets</span>
					<span class="dash-arrow" style=""></span>
				</a>

CSS

input #add_widgets_to_dashboard .active-button formstylebutton add-update-widgets-to-dashboard {
	/* Font & Text */
	font-family: "PT Sans", Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: normal;
	text-decoration: none solid rgb(255, 255, 255);
	text-align: center;
	text-indent: 0px;
	text-transform: none;
	vertical-align: baseline;
	white-space: pre;
	word-spacing: 0px;

	/* Color & Background */
	background-attachment: scroll;
	background-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(rgb(53, 177, 248) 0%, rgb(50, 119, 201) 100%);
	background-position: 0% 0%;
	background-repeat: repeat;
	color: rgb(255, 255, 255);

	/* Box */
	height: 24px;
	width: 86.2344px;
	border: 1px solid rgb(49, 83, 125);
	border-top: 1px solid rgb(49, 83, 125);
	border-right: 1px solid rgb(49, 83, 125);
	border-bottom: 1px solid rgb(49, 83, 125);
	border-left: 1px solid rgb(49, 83, 125);
	margin: 0px;
	pa...-height: none;
	min-height: 0px;
	max-width: none;
	min-width: 0px;

	/* Positioning */
	position: static;
	top: auto;
	bottom: auto;
	right: auto;
	left: auto;
	float: none;
	display: inline-block;
	clear: none;
	z-index: auto;

	/* List */
	list-style-image: none;
	list-style-type: disc;
	list-style-position: outside;

	/* Table */
	border-collapse: separate;
	border-spacing: 0px 0px;
	caption-side: top;
	empty-cells: show;
	table-layout: auto;

	/* Miscellaneous */
	overflow: visible;
	cursor: pointer;
	visibility: visible;

	/* Effects */
	transform: none;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	outline: rgb(255, 0, 0) dashed 1px;
	outline-offset: 0px;
	box-sizing: border-box;
	resize: none;
	text-shadow: rgb(56, 56, 56) 0px 2px 0px;
	text-overflow: clip;
	word-wrap: normal;
	box-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px 0px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}