.wpfb-container{
	position: fixed;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	gap: 12px;
	bottom: var(--wpfb-offset-y,24px);
	opacity: 0;
	transform: translateY(20px);
	transition: transform .5s ease, opacity .5s ease;
}
.wpfb-container.wpfb-right{ right: var(--wpfb-offset-x,24px); }
.wpfb-container.wpfb-left{ left: var(--wpfb-offset-x,24px); }

.wpfb-container.wpfb-in{
	opacity: 1;
	transform: translateY(0);
}

.wpfb-btn{
	width: var(--wpfb-btn-size,56px);
	height: var(--wpfb-btn-size,56px);
	border-radius: 50%;
	background: var(--wpfb-btn-bg,#0ea5a0);
	color: var(--wpfb-icon-color,#ffffff);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	box-shadow: 0 8px 20px rgba(0,0,0,.15);
	transition: background .25s ease, color .25s ease, transform .2s ease;
	will-change: transform;
}
.wpfb-btn i{
	font-size: var(--wpfb-icon-size,22px);
	line-height: 1;
}
.wpfb-btn:hover, .wpfb-btn:focus{
	background: var(--wpfb-btn-bg-hover,#0b857f);
	color: var(--wpfb-icon-color-hover,#ffffff);
	transform: translateY(-2px);
	outline: none;
}

/* Admin table niceties */
.wpfb-table .wpfb-colors label{ display:inline-block; margin-right:8px; }


/* --- Admin table clean-up --- */
.wpfb-table{
	table-layout: fixed;
	width: 100%;
}
.wpfb-table th,
.wpfb-table td{
	padding: 10px 12px;
	vertical-align: middle;
}
/* Column widths */
.wpfb-table thead th:nth-child(1){ width: 22%; }
.wpfb-table thead th:nth-child(2){ width: 28%; }
.wpfb-table thead th:nth-child(3){ width: 26%; }
.wpfb-table thead th:nth-child(4){ width: 18%; }
.wpfb-table thead th:nth-child(5){ width: 6%; }

/* Inputs should not overflow columns */
.wpfb-table input.regular-text{
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
.wpfb-table .wpfb-colors .wpfb-color{
	width: 120px;
	max-width: 100%;
}

.wpfb-table .wpfb-colors label{
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 4px;
	white-space: nowrap;
}