.elementor .orh-headline{display: flex;
align-items: center;
justify-content: center;
gap: 16px;
width: fit-content;
max-width: 100%;
margin: 72px auto 40px;
padding: 18px 34px;
color: #ffffff;
font-family: "Oswald", sans-serif;
font-size: clamp(22px, 2.6vw, 40px);
font-weight: 700;
line-height: 1.15;
letter-spacing: 0.1em;
text-transform: uppercase;
text-align: center;
background: linear-gradient(135deg, #1c1c1f, #111113);
border: 2px solid #e8772e;
border-radius: 4px;
cursor: pointer;
transition: background 0.25s, color 0.25s, box-shadow 0.25s, transform 0.25s;

& a {
color: inherit !important;
text-decoration: none !important;
}

&::after {
content: "→";
font-family: system-ui, sans-serif;
color: #e8772e;
transition: transform 0.25s, color 0.25s;
}

&:hover,
&:has(a:focus-visible) {
background: #e8772e;
color: #111111;
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(232, 119, 46, 0.35), 0 0 0 4px rgba(232, 119, 46, 0.18);
}

&:hover::after,
&:has(a:focus-visible)::after {
color: #111111;
transform: translateX(6px);
}

&:active {
transform: translateY(0);
}

@media (max-width: 767px) {
padding: 14px 20px;
gap: 10px;
letter-spacing: 0.06em;
}\n}