[TASK] Add styles from project theme

Resources/Public/Sass/_sg-jobs.scss

+.sgjobs-highlight-area {
+	@extend %sg-card-shadow-1;
+	background: $sg-jobs-background-color;
+	color: $sg-jobs-foreground-color;
+
+	.default-list {
+		margin-bottom: 0;
+		font-size: 18px;
+	}
+
+	h3 {
+		font-size: 20px;
+	}
+}
+
+#sgjobs-joblist .sg-jobs-job {
+	border-top: 1px solid $sg-jobs-border-color;
+}
+
+.sg-jobs-job {
+	margin-bottom: $margin-base-vertical * 2;
+
+	.sg-card-title {
+		// stylelint-disable declaration-no-important
+		flex-grow: 0 !important;
+		// stylelint-enable
+
+		+ * {
+			flex-grow: 1;
+			background-color: $sg-jobs-background-color;
+			color: $sg-jobs-foreground-color;
+		}
+	}
+
+	.btn-warning {
+		border-color: $brand-warning;
+	}
+
+	&:hover {
+		.btn-warning {
+			border-color: $brand-warning;
+		}
+	}
+}
+
+.main-content > .default-content-element.sgjobs-header {
+	margin-bottom: -10px;
+	padding-top: 10px;
+}
+
+.sgjobs-meta-box {
+	h3 {
+		font-size: 17px;
+		font-weight: 700;
+		line-height: 1.3;
+	}
+
+	hr {
+		margin: 10px 0 0;
+	}
+
+	.shariff .orientation-horizontal {
+		margin: 0 -5px 10px;
+	}
+
+	// stylelint-disable selector-max-compound-selectors
+	.shariff .orientation-horizontal li:last-of-type,
+	.shariff .orientation-horizontal li {
+		margin: 0 5px 5px;
+	}
+
+	// stylelint-enable
+
+	.default-content-element.sg-cta {
+		margin: 0 -20px -5px;
+
+		.btn {
+			display: block;
+		}
+	}
+
+	.downloads {
+		margin-bottom: $margin-base-vertical;
+
+		.download-link {
+			font-size: $sg-jobs-font-size-base;
+
+			&__file-properties {
+				margin-left: 0;
+			}
+		}
+	}
+}
+
+.sgjobs-apply-form [type="submit"] {
+	float: right;
+
+	.fa-paper-plane {
+		transform: rotate(15deg);
+	}
+}
+
+.sgjobs-description {
+	.list-default li::before {
+		color: $sg-jobs-foreground-color;
+	}
+}
+
+.row.default-content-element.sgjobs-description [class*="col-"] {
+	margin-bottom: 0;
+}
+
+.sg-jobs-contact-box {
+	display: flex;
+
+	img {
+		float: right;
+		border-radius: 150px;
+	}
+
+	&__text {
+		width: 80%;
+
+		@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
+			width: 75%;
+		}
+	}
+}
+
+.sgjobs-social-sharer {
+	.share_text {
+		display: none;
+	}
+
+	.sharer {
+		min-width: auto;
+		max-width: 34px;
+		margin-right: 10px;
+
+		@media (min-width: $screen-md) {
+			margin-right: 1.8%;
+		}
+
+		.fa::after {
+			top: 4px;
+		}
+
+		.fa-facebook::after {
+			left: 12px;
+		}
+	}
+}