.button_style_1 {
position: relative;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;

padding: 1.1em 2.2em;
border-radius: 999px;

font-family: "NunitoSans", sans-serif;
font-weight: 600;
font-size: 16px;
color: #ffffff !important;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;

background: linear-gradient(135deg, #0f172a, #2563eb, #38bdf8) !important;
border: none !important;

box-shadow:
0 10px 28px rgba(37, 99, 235, 0.35),
0 4px 12px rgba(56, 189, 248, 0.25);

transform: translateY(0);
transition:
transform 200ms ease,
box-shadow 200ms ease,
filter 200ms ease;
}

.button_style_1::before {
content: "";
position: absolute;
top: 0;
left: -80%;
width: 60%;
height: 100%;

background: linear-gradient(
120deg,
transparent,
rgba(255, 255, 255, 0.5),
transparent
);

transform: skewX(-20deg);
transition: left 500ms ease;
}

.button_style_1:hover {
transform: translateY(-3px);
filter: brightness(1.08);

box-shadow:
0 16px 36px rgba(37, 99, 235, 0.45),
0 8px 18px rgba(56, 189, 248, 0.32);
}

.button_style_1:hover::before {
left: 130%;
}

.button_style_1:active {
transform: translateY(0);
filter: brightness(0.98);

box-shadow:
0 8px 20px rgba(37, 99, 235, 0.3),
0 3px 10px rgba(56, 189, 248, 0.22);
}