.golo-modern-heading {
	max-width: 100%;

	.heading-primary-wrap,
	.heading-secondary-wrap {
		line-height: 1;
	}

	.heading-primary,
	.heading-secondary,
	.heading-description,
	.heading-divider {
		display: inline-block;
		margin-bottom: 0;
	}

	a {
		display: block;
		color: inherit;
		font-size: inherit;

		&:hover {
			color: inherit;
			font-size: inherit;
		}
	}

	mark {
	    background-color: transparent;
	    padding: 0;
		span {
			margin-left: 5px;
		}
	}

	.heading-description-wrap {
		margin-top: 25px;

		&:first-child {
			margin-top: 0;
		}
	}

	.heading-secondary-wrap {
		margin-bottom: 10px;
	}

	.heading-divider-wrap {
		line-height: 0;
		margin-top: 10px;
	}

	.heading-divider {
		height: 2px;
		width: 100px;
		background: #111;
	}
}

.golo-link-animate-border {
	.heading-primary {
	    
		a {
			&:hover {
				mark {
					&:before {
						transform: scaleX(0) translateZ(0);
						transition: transform .6s cubic-bezier(.165, .84, .44, 1);
					}

					&:after {
						transform: scaleX(1) translateZ(0);
						transition: transform .6s cubic-bezier(.165, .84, .44, 1) .3s, -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) .3s;
					}
				}
			}

			mark {
				position: relative;
				display: inline-block;
				line-height: 1;
				padding: 3px 0;

				&:before,
				&:after {
					content: "";
					position: absolute;
					bottom: 0;
					left: 0;
					width: 100%;
					height: 1px;
					background: #e0e0e0;
					transform-origin: right;
					transform: scaleX(1) translateZ(0);
					transition: transform .6s cubic-bezier(.165, .84, .44, 1) .3s, -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) .3s;
				}

				&:after {
					transform-origin: left;
				}

				&:after {
					transform: scaleX(0) translateZ(0);
					transition: transform .6s cubic-bezier(.165, .84, .44, 1);
				}
			}
		}
	}
}

.golo-link-animate-border-02 {
	.heading-primary {
		a {
			&:hover {
				mark {
					&:before {
						width: 100%;
						left: 0;
						right: auto;
					}
				}
			}

			mark {
				position: relative;
				display: inline-block;
				line-height: 1;
				padding: 3px 0;

				&:before {
					content: '';
					width: 0;
					height: 1px;
					position: absolute;
					left: auto;
					right: 0;
					bottom: 0;
					transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
					background: #e0e0e0;
				}
			}
		}
	}
}
