/**
 * Systems Safety - Course CTA — frontend styles
 */
.sscta-cta-wrap {
	margin: 0 0 1rem;
	display: none;
}

body.sscta-hide-extra-btn-videoconf .sscta-btn-videoconf,
body.sscta-hide-extra-btn-elearning .sscta-btn-elearning {
	display: none !important;
}

.sscta-cta {
	display: inline-flex;
	align-items: center;
	gap: 0.55em;
	padding: 0.85em 1.4em;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2;
	text-decoration: none;
	border-radius: 4px;
	transition: background-color 0.2s ease, transform 0.15s ease;
}

.sscta-cta:hover,
.sscta-cta:focus {
	transform: translateY(-1px);
	text-decoration: none;
}

.sscta-cta .sscta-icon {
	width: 1.1em;
	height: 1.1em;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.sscta-whatsapp {
	background-color: #25D366;
	color: #fff;
}

.sscta-whatsapp:hover,
.sscta-whatsapp:focus {
	background-color: #1ebe5a;
	color: #fff;
}

.sscta-whatsapp .sscta-icon {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M19.11 4.91A10 10 0 0 0 12.04 2C6.55 2 2.08 6.47 2.08 11.96c0 2.11.55 4.16 1.6 5.97L2 22l4.21-1.65a9.96 9.96 0 0 0 5.83 1.86h.01c5.49 0 9.96-4.47 9.96-9.96 0-2.66-1.04-5.16-2.9-7.04zM12.04 20.5h-.01a8.45 8.45 0 0 1-4.31-1.18l-.31-.18-2.5.98.99-2.43-.2-.32a8.4 8.4 0 0 1-1.29-4.49c0-4.65 3.79-8.43 8.44-8.43 2.25 0 4.36.88 5.95 2.47a8.36 8.36 0 0 1 2.47 5.96c0 4.65-3.79 8.43-8.44 8.43zm4.63-6.32c-.25-.13-1.49-.74-1.72-.82-.23-.08-.4-.13-.57.13-.17.25-.65.82-.79.99-.15.17-.29.19-.54.06-.25-.13-1.06-.39-2.02-1.24-.75-.66-1.25-1.48-1.4-1.73-.15-.25-.02-.39.11-.51.11-.11.25-.29.38-.43.13-.15.17-.25.25-.42.08-.17.04-.32-.02-.45-.06-.13-.57-1.37-.78-1.87-.21-.5-.42-.43-.57-.44-.15 0-.32-.01-.49-.01s-.45.06-.69.32c-.23.25-.9.88-.9 2.15s.92 2.5 1.05 2.67c.13.17 1.81 2.76 4.39 3.87.61.26 1.09.42 1.46.54.61.19 1.17.17 1.61.1.49-.07 1.49-.61 1.7-1.2.21-.59.21-1.09.15-1.2-.06-.11-.23-.17-.49-.3z'/></svg>");
}

.sscta-elearning {
	background-color: #0a3d62;
	color: #fff;
}

.sscta-elearning:hover,
.sscta-elearning:focus {
	background-color: #082e49;
	color: #fff;
}

.sscta-elearning .sscta-icon {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M21 4H3a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h7v2H7v2h10v-2h-3v-2h7a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 12H3V6h18v10zM10 8.5v5l4-2.5z'/></svg>");
}

@media (max-width: 480px) {
	.sscta-cta {
		display: flex;
		justify-content: center;
		width: 100%;
	}
}