.right-arrow-icon {
	display: inline-block;
	transition: transform 0.3s ease;
	transform: translateX(0);
	vertical-align: middle;
	padding-bottom: 3px;
}
.wp-block-pen30-lightbox-button.is-style-default .right-arrow-icon {
	display: none;
}
.wp-block-button.is-style-default {
	cursor: pointer;
}

.wp-block-pen30-lightbox-button.is-style-style-one .wp-block-button__link, .wp-block-button.is-style-style-one .wp-block-button__link {
		position: relative;
		z-index: 0;
		background-image: linear-gradient(
			var( --wp--preset--color--pen-red-new ) 0%,
			var( --wp--preset--color--pen-red-accent-2 ) 70%,
			var( --wp--preset--color--pen-red-new ) 100%
		);
		color: #ffffff;
		font-weight: 700;
		border: 0.063rem solid 	var( --wp--preset--color--pen-red-accent-1 );
		border-radius: 1.5rem;
		box-shadow: 0 2px 8px 0 transparent;
		text-decoration: none;
		text-transform: uppercase;
		overflow: hidden;
		padding: 1.0rem 1.5rem;
		font-size: 12px;
		line-height: 12px;
}
.wp-block-pen30-lightbox-button.is-style-style-one .wp-block-button__link::after, .wp-block-button.is-style-style-one .wp-block-button__link::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		background-image: linear-gradient(
			var( --wp--preset--color--pen-red-accent-2 ) 0%,
			var( --wp--preset--color--pen-red-new ) 100%
		);
		box-shadow: 0 2px 8px 0 rgba(181, 18, 27, 0.5);
		opacity: 0;
		transition: opacity 500ms ease-in-out, box-shadow 500ms ease-in-out;
}
.wp-block-pen30-lightbox-button.is-style-style-one .wp-block-button__link:hover::after, .wp-block-button.is-style-style-one .wp-block-button__link:hover::after {
	opacity: 1;
}
.wp-block-pen30-lightbox-button.is-style-style-one .right-arrow-icon {
	display: none;
}
.wp-block-button.is-style-style-one {
	cursor: pointer;
}


.wp-block-pen30-lightbox-button.is-style-style-two .wp-block-button__link, .wp-block-button.is-style-style-two .wp-block-button__link {
	color: var( --wp--preset--color--pen-red-new );
	background: #ffffff;
	border-color: #ffffff;
	transition: 300ms ease-in-out;
	font-weight: 700;
	text-transform: uppercase;
}
.wp-block-pen30-lightbox-button.is-style-style-two .wp-block-button__link:hover, .wp-block-button.is-style-style-two .wp-block-button__link:hover {
	/* color: var( --wp--preset--color--pen-red ); */
	text-shadow: 3px 3px 2px #e3e3e3;
	box-shadow: 1px 1px 3px #e3e3e355;
}
.wp-block-pen30-lightbox-button.is-style-style-two .right-arrow-icon {
	display: none;
}
.wp-block-button.is-style-style-two {
	cursor: pointer;
}

/* lightbox version */
.wp-block-pen30-lightbox-button.is-style-style-three .wp-block-button__link, .wp-block-button.is-style-style-three .wp-block-button__link {
	/* color: var( --wp--preset--color--pen-red-dark ); */
	color: var( --wp--preset--color--pen-red-new );
	background-color: #ffffff00;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	padding-right: 5px;
}

.wp-block-pen30-lightbox-button.is-style-style-three .wp-block-button__link {
	padding-left: 0px;
}

.wp-block-pen30-lightbox-button.is-style-style-three .right-arrow-icon, .wp-block-button.is-style-style-three .right-arrow-icon {
	/* fill: var( --wp--preset--color--pen-red-dark ); */
	fill: var( --wp--preset--color--pen-red-new );
	/* saved SVG path uses fill="currentColor" */
	color: var( --wp--preset--color--pen-red-new );
}
.wp-block-pen30-lightbox-button.is-style-style-three:hover .right-arrow-icon, .wp-block-button.is-style-style-three:hover .right-arrow-icon {
	transform: translateX( 0.3rem );
}
/* .wp-block-button.is-style-style-three .wp-block-button__link:hover .right-arrow-icon {
	transform: translateX( 0.2rem );
} */
/* .wp-block-button.is-style-style-three .wp-block-button__link:hover::after {
	transform: translateX( 0.2rem );
} */

.wp-block-pen30-lightbox-button.is-style-style-four .wp-block-button__link {
	color: var( --wp--preset--color--pen-white );
	background-color: #ffffff00;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	padding-right: 5px;
	padding-left: 0px;
}
.wp-block-pen30-lightbox-button.is-style-style-four .right-arrow-icon {
	fill: var( --wp--preset--color--pen-white );
	color:var( --wp--preset--color--pen-white );
}
.wp-block-pen30-lightbox-button:hover .right-arrow-icon {
	transform: translateX( 0.2rem );
}



/* Regular Buttons - non lightbox */
.wp-block-button.is-style-style-three .wp-block-button__link, .wp-block-button.is-style-style-three .wp-block-button__link {
	color: var( --wp--preset--color--pen-red-new );
	background-color: #ffffff00;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	padding-right: 5px;
	padding-left: 0px;
}
.pen-related-posts .wp-block-button.is-style-style-three .wp-block-button__link, .wp-block-button.is-style-style-three .wp-block-button__link {
	padding: 0px;
}

.wp-block-button.is-style-style-three a::after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 0.25rem;
	mask: url( "/wp-content/themes/penumbra-inc-3-0/assets/images/svg/arrow-right.svg" ) no-repeat center;
	mask-size: contain;
	background-color: var( --wp--preset--color--pen-red-new );
	transition: transform 250ms ease-in-out;
	transform: translateX( 0 );
	padding-top: 0px;
	position: relative;
	top: 2px;
}
.wp-block-button.is-style-style-three a:hover::after {
	transform: translateX( 0.3rem );
}

.nav-desktop  .wp-block-button.is-style-style-three a::after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 0.25rem;
	mask: url( "/wp-content/themes/penumbra-inc-3-0/assets/images/svg/arrow-right.svg" ) no-repeat center;
	mask-size: contain;
	background-color: var( --wp--preset--color--pen-red-new );
	transition: transform 250ms ease-in-out;
	transform: translateX( 0 );
	padding-top: 0px;
	position: relative;
	top: 2px;
}
.nav-desktop  .wp-block-button.is-style-style-three a:hover::after {
	transform: translateX( 0.3rem );
}

/* Double gap between button-only columns in the megamenu; keeps spacing if nav links are present */
@media (min-width: 992px) {
	.nav-desktop  .wp-block-column.is-layout-flow:not(:has(.wp-block-navigation-item.wp-block-navigation-link)) .wp-block-buttons + .wp-block-buttons {
		margin-block-start: calc(var(--wp--style--block-gap) * 2);
	}
}

.nav_mobile .wp-block-button.is-style-style-three a::after {
	content: none !important;
}






.wp-block-button.is-style-style-four .wp-block-button__link {
	color: var( --wp--preset--color--pen-white );
	background-color: #ffffff00;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	padding-right: 5px;
}
.wp-block-button.is-style-style-four .right-arrow-icon {
	fill: var( --wp--preset--color--pen-white );
}
.wp-block-button:hover .right-arrow-icon {
	transform: translateX( 0.3rem );
}


.wp-block-button.is-style-style-four .wp-block-button__link::after {
	content: '';
	mask: url( "/wp-content/themes/penumbra-inc-3-0/assets/images/svg/arrow-right.svg" ) no-repeat center;
	mask-size: contain;
	background-color: currentColor;
	width: 15px;
	height: 18px;

	vertical-align: middle;
	padding-bottom: 3px;

	font-size: 1.3rem;
	font-weight: 700;
	margin-left: 0.3rem;
	margin-bottom: 2px;
	display: inline-block;
	transition: 200ms ease-in-out;
}

.wp-block-button.is-style-style-four .wp-block-button__link:hover::after {
	transform: translateX( 0.2rem );
}









/* Arrows in mobile nav */
.nav_mobile li.wp-block-button.is-style-style-three a span.wp-block-navigation-item__label {
	color: var( --wp--preset--color--pen-red-new );
	font-weight: 600;
}

.nav_mobile li.wp-block-button.is-style-style-three a span.wp-block-navigation-item__label::after {
	content: "";
	display: inline-block;
	width: 0.8rem;
	height: 0.8rem;
	margin-left: 0.25rem;
	/* mask the SVG into the box */
	mask: url( "/wp-content/themes/penumbra-inc-3-0/assets/images/svg/arrow-right.svg" ) no-repeat center;
	mask-size: contain;
	/* paint the masked area with the current color */
	background-color: var( --wp--preset--color--pen-red-new );
	transition: transform 250ms ease-in-out;
	transform: translateX( 0 );

}

.nav_mobile li.wp-block-button.is-style-style-three a span.wp-block-navigation-item__label:hover::after {
	transform:translateX(0.2rem);
}


/* mobile nav button style one */
.nav_mobile .wp-block-button.is-style-style-one {
	padding-bottom: 1rem;
	padding-left: 0rem !important;
}
.nav_mobile .wp-block-button.is-style-style-one .wp-block-navigation-item__label {
	position: relative;
	z-index: 0;
	background-image: linear-gradient(
		var( --wp--preset--color--pen-red-new ) 0%,
		var( --wp--preset--color--pen-red-accent-2 ) 70%,
		var( --wp--preset--color--pen-red-new ) 100%
	);
	color: #ffffff;
	font-weight: 700;
	border: 0.063rem solid 	var( --wp--preset--color--pen-red-accent-1 );
	border-radius: 1.5rem;
	box-shadow: 0 2px 8px 0 transparent;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	padding: 0.5rem 0.75rem;
	font-size: 11px;
	line-height: 20px;
	text-align: center;
	padding-left: 5rem;
	padding-right: 5rem;
	margin-left: auto;
	margin-right: auto;
}
.nav_mobile  .wp-block-button.is-style-style-one .wp-block-navigation-item__label::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-image: linear-gradient(
		var( --wp--preset--color--pen-red-accent-2 ) 0%,
		var( --wp--preset--color--pen-red-new ) 100%
	);
	box-shadow: 0 2px 8px 0 rgba(181, 18, 27, 0.5);
	opacity: 0;
	transition: opacity 500ms ease-in-out, box-shadow 500ms ease-in-out;
}
.nav_mobile .wp-block-button.is-style-style-one .wp-block-navigation-item__label:hover::after {
	opacity: 1;
}


/* Outline Button - Start */

.wp-block-button.is-style-outline.is-style-outline--3 {

}

.wp-block-button.is-style-outline.is-style-outline--3 a {
	transition: all ease-in-out 200ms;
}

.wp-block-button.is-style-outline.is-style-outline--3 a:hover {
	box-shadow: 0 2px 8px 0 currentColor;
}

/* Outline Button - END */

/* TERTIARY NAVIGATION BUTTONS - Simple Page Navigation Buttons - START */
.wp-block-button.is-style-style-five .wp-block-button__link,
.wp-block-pen30-lightbox-button.is-style-style-five .wp-block-button__link {
	color: inherit;
	background-color: white;
	padding: 0px 0px 0px 0px;
}

.wp-block-button.is-style-style-five .wp-block-button__link:hover,
.wp-block-pen30-lightbox-button.is-style-style-five .wp-block-button__link:hover {
	color: var( --wp--preset--color--pen-red-new );
}

.pen-simple-page-nav-container,
.is-position-sticky:has(.pen-simple-page-nav) {
	box-shadow: 3px 6px 9px 0px transparent;
	transition: box-shadow 300ms ease-in-out;
}

.pen-simple-page-nav-container.is-sticky,
.pen-simple-page-nav.is-sticky,
.is-position-sticky.is-sticky:has(.pen-simple-page-nav) {
	box-shadow: var( --wp--preset--shadow--pen-shadow-001 );
}

.pen-simple-page-nav .wp-block-button.is-style-style-five .wp-block-button__link {
	position: relative;
	padding-bottom: 4px;
}

.pen-simple-page-nav .wp-block-button.is-style-style-five .wp-block-button__link::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3px;
	background-color: var( --wp--preset--color--pen-red-new );
	opacity: 0;
}

.pen-simple-page-nav .wp-block-button.is-style-style-five .wp-block-button__link.active {
	font-weight: 700;
	color: var( --wp--preset--color--pen-red-new );
	text-decoration: none;
}

.pen-simple-page-nav .wp-block-button.is-style-style-five .wp-block-button__link.active::after {
	opacity: 1;
}

/* TERTIARY NAVIGATION BUTTONS - Simple Page Navigation Buttons - END */

/* Red Outline Button - START */
.wp-block-button.is-style-style-six .wp-block-button__link,
.wp-block-pen30-lightbox-button.is-style-style-six .wp-block-button__link {
	color: var( --wp--preset--color--pen-red-new );
	background-color: white;
	border: 1px solid var( --wp--preset--color--pen-red-new );
	font-weight: 700;
	border-radius: 1.5rem;
	box-shadow: 0 2px 8px 0 transparent;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	padding: 0.5rem 0.75rem;
	font-size: 14px;
	line-height: 20px;
	transition: opacity 500ms ease-in-out, box-shadow 500ms ease-in-out;
}

.wp-block-button.is-style-style-six .wp-block-button__link:hover,
.wp-block-pen30-lightbox-button.is-style-style-six .wp-block-button__link:hover {
	box-shadow: 0 2px 8px 0 rgba(181, 18, 27, 0.5);
}


/* Red Outline Button - END */

/* Outline with Hover Shadow Button - START */
.wp-block-button.is-style-style-seven .wp-block-button__link,
.wp-block-pen30-lightbox-button.is-style-style-seven .wp-block-button__link {
	background-color: transparent;
	border: 1px solid #ffffff;
	color: #ffffff;
	font-size: 12px;
	padding: 0.1rem 0.7rem;
	transition: all ease-in-out 200ms;

}

.wp-block-button.is-style-style-seven .wp-block-button__link:hover,
.wp-block-pen30-lightbox-button.is-style-style-seven .wp-block-button__link:hover {
	box-shadow: 0 2px 7px 3px #ffffff33;
}
/* Outline with Hover Shadow Button - END */

.wp-block-pen30-lightbox-button.is-style-style-five .right-arrow-icon,
.wp-block-pen30-lightbox-button.is-style-style-six .right-arrow-icon,
.wp-block-pen30-lightbox-button.is-style-style-seven .right-arrow-icon {
	display: none;
}

/* Title Button - START */
.wp-block-button.is-style-style-eight .wp-block-button__link,
.wp-block-button.is-style-style-eight .wp-block-button__link:hover,
.wp-block-button.is-style-style-eight .wp-block-button__link:focus,
.wp-block-pen30-lightbox-button.is-style-style-eight .wp-block-button__link,
.wp-block-pen30-lightbox-button.is-style-style-eight .wp-block-button__link:hover,
.wp-block-pen30-lightbox-button.is-style-style-eight .wp-block-button__link:focus {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	transition: none;
	cursor: pointer;
}

/* core/button puts has-text-align-* on the link itself, so only lightbox inherits */
.wp-block-pen30-lightbox-button.is-style-style-eight .wp-block-button__link {
	text-align: inherit;
}

.wp-block-button.is-style-style-eight .wp-block-button__link::after,
.wp-block-pen30-lightbox-button.is-style-style-eight .wp-block-button__link::after {
	content: none;
}

.wp-block-pen30-lightbox-button.is-style-style-eight .right-arrow-icon {
	display: none;
}
/* Title Button - END */

/* Lightbox text-align support sets has-text-align-* on the wrapper; must stay after the style rules */
.wp-block-pen30-lightbox-button[class*="has-text-align-"] .wp-block-button__link {
	text-align: inherit;
}