/******/
/*** BUTTONS ***/
/******/

.button-container {
	padding: 1.5rem 0 .875rem 0;
	width: 100%;
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	gap: .75rem;
}

.button-margin {
	margin-left: 1rem;
}

.button-container-small {
	padding: .75rem 0;
	width: 100%;
}

a, a.button, .background-black .gform_footer input.gform_button, .gform_footer input.gform_button, input[type=password], form.post-password-form input[type=submit] {
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out, border .2s ease-in-out;
	-moz-transition: all .2s ease-in-out, border .2s ease-in-out;
	-o-transition: all .2s ease-in-out, border .2s ease-in-out;
	transition: all .2s ease-in-out, border .2s ease-in-out;
}

a.button {
	font-family: "acumin-pro-wide", sans-serif;
	padding: .625rem 0.125rem .75rem 0.125rem;
	text-decoration: none;
	letter-spacing: 0.06rem;
	font-size: 1rem;
}

a.text-link {
	font-family: "acumin-pro-wide", sans-serif;
	text-decoration: none;
	letter-spacing: 0.06rem;
	text-transform: uppercase;
}

.button-container {
	gap: 2rem;
}

.button {
	position: relative;
}

.button.primary::before,
.button.primary::after,
.button.secondary::before,
.button.secondary::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 29px;
	height: 38px;
	transform: translateY(-50%);
	pointer-events: none;
	background-color: currentColor;
	mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
}

/* Left hex */
.button.primary::before,
.button.secondary::before {
	left: -14px;
	mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='29' height='38' viewBox='0 0 29 38'><path d='M28.118 1H10.118L1.11803 19L10.118 37' stroke='black' stroke-width='2' fill='none'/></svg>");
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='29' height='38' viewBox='0 0 29 38'><path d='M28.118 1H10.118L1.11803 19L10.118 37' stroke='black' stroke-width='2' fill='none'/></svg>");
}

/* Right hex */
.button.primary::after,
.button.secondary::after {
	right: -14px;
	mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='29' height='38' viewBox='0 0 29 38'><path d='M0 36.4472H18L27 18.4472L18 0.447205' stroke='black' stroke-width='2' fill='none'/></svg>");
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='29' height='38' viewBox='0 0 29 38'><path d='M0 36.4472H18L27 18.4472L18 0.447205' stroke='black' stroke-width='2' fill='none'/></svg>");
}

.button.primary::before,
.button.secondary::before,
.button.primary::after,
.button.secondary::after {
	transition: transform 0.25s ease;
}

/* Hover state */
.button.primary:hover::before,
.button.secondary:hover::before {
	transform: translate(-6px, -50%);
}

.button.primary:hover::after,
.button.secondary:hover::after {
	transform: translate(6px, -50%);
}

.button.secondary:hover {
	color: var(--color-lilac);
}

.button.primary:hover {
	color: var(--color-blue);
}

.button.custom:hover {
	color: var(--color-lilac);
}

/* Colors */

.button.secondary {
	color: var(--color-white);
}

.button.primary, .button.orange {
	color: var(--color-orange);
}

.button.blue {
	color: var(--color-blue);
}

.button.lime {
	color: var(--color-lime);
}

#menu-cta-menu li a, .cta-mobile a {
	padding: .625rem 1.125rem .75rem 1.125rem;
	background-color: var(--color-lime);
	color: var(--color-black) !important;
}

a.text-link, p.text-link {
	text-decoration: none;
}

a.button.tertiary:hover, nav a:hover, input[type=password]:hover, form.post-password-form input[type=submit]:hover, .gform_footer input.gform_button:hover, form.post-password-form input[type=submit]:hover, body .gform_wrapper .gform_footer input[type=submit]:hover {
	opacity: .6!important;
}

a.text-link:after, p.text-link:after {
	content: '›';
	margin-left: .5rem;
}

#field_submit .gform-button.gform-button--white.button {
	text-transform: uppercase;
}
