@keyframes simpay-pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(#d63638, 0.65);
	}

	100% {
		transform: scale(1);
		box-shadow: 0 0 0 8px rgba(#d63638, 0);
	}
}

.simpay-settings-bubble {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	margin: 1px 0 -1px 5px;
	padding: 0 5px;
	min-width: 18px;
	height: 18px;
	border-radius: 9px;
	background-color: #d63638;
	color: #fff;
	font-size: 11px;
	line-height: 1.6;
	text-align: center;
	z-index: 26;
	position: relative;

	&:empty {
		width: 10px;
		height: 10px;
		min-width: 10px;

		.nav-tab & {
			margin-top: 7px;
		}
	}

	#wpadminbar & {
		display: inline-block !important;
		min-width: 18px !important;
		height: 18px !important;
		border-radius: 9px !important;
		margin: 0 0 0 5px !important;
		vertical-align: top !important;
		font-size: 11px !important;
		line-height: 1.6 !important;
		text-align: center !important;

		&:empty {
			width: 8px !important;
			height: 8px !important;
			min-width: 8px !important;
		}
	}

	#wpadminbar .ab-sub-wrapper & {
		margin-top: 5px !important;

		&:empty {
			margin-top: 9px !important;
			float: right;
			transform: scale(1);
			animation: simpay-pulse 2s infinite;
		}
	}

	.wp-menu-name & {
		margin-top: 4px;

		.wp-menu-open & {
			display: none;
		}
	}
}

// Admin bar test mode active link
#wpadminbar .simpay-admin-bar-test-mode > .ab-item {
	display: flex;
	align-items: center;

	.simpay-test-mode-badge {
		color: #a04903;
		font-size: 10px;
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
		line-height: 10px;
		margin-left: 7px;
		padding: 4px 6px;
		border-radius: 3px;
		background: #ffde92;
		display: inline-flex;
		align-items: center;
		display: inline-block;
	}
}
