/* Mobile Contact Buttons With Text – v3.0
   Hidden on desktop, fixed bar at bottom on mobile only */

#cubm-bar {
	display: none;
	visibility: hidden;
}

@media (max-width: 569px) {

	#cubm-bar {
		display: flex;
		visibility: visible;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
		background: #00aeef;
		text-align: center;
		box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
	}

	/* Button slots */
	.cubm-btn {
		flex: 1;
		display: flex;
	}

	.cubm-btn a {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 3px;
		color: #fff;
		text-decoration: none;
		height: 54px;
		padding: 6px 4px;
		font-size: 11px;
		font-family: inherit;
		line-height: 1.2;
		transition: opacity 0.15s ease;
		-webkit-tap-highlight-color: transparent;
	}

	.cubm-btn a:hover,
	.cubm-btn a:focus {
		opacity: 0.82;
		outline: none;
	}

	.cubm-btn a:focus-visible {
		outline: 2px solid #fff;
		outline-offset: -3px;
	}

	.cubm-btn a i {
		font-size: 18px;
		line-height: 1;
	}

	.cubm-btn a span {
		display: block;
		font-size: 10px;
		font-weight: 600;
		letter-spacing: 0.02em;
		text-transform: uppercase;
	}

	/* Dividers between buttons */
	.cubm-btn--bordered {
		border-left: 1px solid rgba(255, 255, 255, 0.35);
		border-right: 1px solid rgba(255, 255, 255, 0.35);
	}
}