.subscribe {
display: flex;
justify-content: center;
width: 100%;
margin: 1.5rem auto;
}

.subscribe__inner {
display: flex;
justify-content: center;
width: 100%;
max-width: 520px;
}

.subscribe__form {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
}

.subscribe__input {
flex: 1;
min-width: 0;
box-sizing: border-box;

padding: 11px 13px;

border: 1px solid var(--border-color);
border-radius: 10px;

background: rgb(10, 10, 10);
color: var(--text-color);

font-family: var(--font-family);
font-size: var(--font-size);

outline: none;
transition: all 0.2s ease;
}


.subscribe__input::placeholder {
color: var(--link-color);
opacity: 0.7;
}

.subscribe__input:focus {
border-color: var(--link-color);
box-shadow: 0 0 0 3px rgba(225, 225, 50, 0.18);
background: #151515;
}

.subscribe__button {
flex-shrink: 0;
padding: 11px 18px;
border: 1px solid var(--border-color);
border-radius: 10px;
background: linear-gradient(
135deg,
#E1E132,
#CFCF3A
);
color: #111;
font-family: var(--font-family);
font-size: var(--font-size);
font-weight: 700;
cursor: pointer;
transition: 0.2s ease;
}

.subscribe__button:hover {
transform: translateY(-1px);
filter: brightness(1.05);
}

.subscribe__button:active {
transform: translateY(0);
}

/* Honeypot */
.subscribe__honeypot {
display: none !important;
}

/* Mobile */
@media (max-width: 520px) {
.subscribe__form {
gap: 6px;
}

.subscribe__button {
padding-left: 14px;
padding-right: 14px;
}
}

html.light .subscribe__button {
background: #B65A3A;
color: white;
}
html.light .subscribe__input {
background: transparent;
}
.subscribe__input:focus {
background: transparent;
}