/* Button */
.button {
	font-family: var(--urbanist-font);
	font-size: var(--size-24);
	line-height: 1;
	font-weight: 600;
	color: var(--white);
	display: block;
	background: var(--yellow);
	padding: clamp(8px, 0.52vw, 0.52vw) clamp(1rem, 1.15vw, 1.15vw);
	border-radius: var(--radius-14);
	border: 1px solid var(--yellow);
	transition: 0.3;
}

.button.gray {
	display: inline-flex;
	align-items: center;
	font-size: var(--size-14) !important;
	background: var(--gray);
	color: var(--black);
	border-color: var(--gray);
	border-radius: unset;
	width: fit-content;
	padding: var(--space-8) var(--space-8);
	margin-top: 1rem;
	margin-right: var(--section-padding-80);
	margin-left: auto;
}

@media (max-width: 767px) {
        .button.gray {
                margin-right: 30px;
        }
}

.news-button-wrapper {
	display: flex;
}

.button.gray .icon-arrow {
  	display: inline-block;
  	width: 12px;
  	height: 12px;
  	margin-left: 8px;
  	background: url("/wp-content/uploads/2025/06/arrow-black.png") no-repeat center;
  	background-size: contain;
}

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

/* .button.blue:hover {
	background: var(--white);
	color: var(--darkBlue);
} */

.button.blue.transparent {
	background: var(--white);
	color: var(--darkBlue);
	border-color: var(--darkBlue);
}

/* .button.blue.transparent:hover {
	background: var(--darkBlue);
	color: var(--white);
} */

.button .holder {
	position: relative;
	display: flex;
	overflow: hidden;
}

.button .holder span {
    transition: 0.35s;
    padding-top: 0.14rem;
    padding-bottom: 0.14rem;
}

.button .holder span:last-child {
	position: absolute;
	inset: 0;
	margin: auto;
	transform: translateY(110%);
}

.button:hover .holder span:first-child {
	transform: translateY(-110%);
}

.button:hover .holder span:last-child {
	transform: translateY(0%);
}