/* Notices and survey
--------------------------------------------- */
.shopmagic-pro-notice svg {
	fill: #333;
	float: left;
	height: 100px;
	margin: 10px 20px 0 5px;
	width: 100px;
}

.shopmagic-pro-notice p:last-of-type {
	margin-bottom: 15px;
}

.shopmagic-custom-notice {
	padding:6px 12px;border: 1px solid rgb(195,196,199);margin:16px 0;box-shadow:rgba(0, 0, 0, 0.04) 0 1px 1px 0;
}

/* Beacon */
.wpdesk-helpscout-beacon-button * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.wpdesk-helpscout-beacon-button {
	background-color: #e22c2f;
	bottom: 40px;
	position: fixed;
	right: 40px;
	-moz-appearance: none;
	-moz-box-align: center;
	align-items: center;
	border-radius: 200px;
	display: block;
	height: 55px;
	-moz-box-pack: center;
	justify-content: center;
	margin: 0;
	line-height: 55px;
	outline: currentcolor none medium;
	padding: 0;
	user-select: none;
	z-index: 999;
	border: medium none;
	color: white;
	cursor: pointer;
	min-width: 55px;
	transition: background-color 200ms linear 0s, transform 200ms linear 0s;
	box-shadow: rgba(0, 0, 0, 0.1) 0 4px 7px;
}

.wpdesk-helpscout-beacon-button:hover {
	background-color: #da2427;
	box-shadow: rgba(0, 0, 0, 0.06) 0 0 0 30px inset;
}

.wpdesk-helpscout-beacon-button .icon {
	-moz-box-align: center;
	align-items: center;
	color: white;
	cursor: pointer;
	display: flex;
	height: 100%;
	-moz-box-pack: center;
	justify-content: center;
	left: 0;
	pointer-events: none;
	position: absolute;
	text-indent: -99999px;
	top: 0;
	transition: opacity 80ms linear 0s, transform 160ms linear 0s;
	width: 60px;
	will-change: opacity, transform;
	opacity: 1 !important;
	transform: rotate(0deg) scale(1) !important;
}

.wpdesk-helpscout-beacon-button .text {
	color: white;
	display: block;
	font-size: 14px;
	font-weight: 600;
	padding: 0 20px 0 54px;
	white-space: nowrap;
}
