.app-discount {
border: 1.5px dashed #aaa;
background: #fafaf7;
border-radius: 4px;
margin: 24px 0;
padding: 16px 20px;
box-sizing: border-box;
} .app-discount__code {
font-family: Courier, 'Courier New', monospace;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.08em;
color: #3B6D11;
background: #f0f4ec;
border: 1.5px solid #3B6D11;
border-radius: 3px;
padding: 3px 10px;
display: inline-block;
white-space: nowrap;
} .app-discount__btn {
display: inline-block;
background: #3B6D11;
color: #fff !important;
padding: 10px 20px;
border-radius: 4px;
text-decoration: none !important;
font-weight: 600;
font-size: 14px;
white-space: nowrap;
line-height: 1.4;
transition: opacity 0.2s;
}
.app-discount__btn:hover {
opacity: 0.82;
} .app-discount--full .app-discount__inner {
display: flex;
align-items: center;
gap: 20px;
}
.app-discount__content {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.app-discount__headline {
font-size: 11px;
color: #888;
text-transform: uppercase;
letter-spacing: 0.06em;
font-weight: 500;
}
.app-discount__offer {
font-size: 15px;
color: #1a1a1a;
line-height: 1.4;
}
.app-discount__action {
flex-shrink: 0;
} .app-discount--compact {
padding: 12px 20px;
}
.app-discount--compact .app-discount__inner {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.app-discount--compact .app-discount__offer {
flex: 1;
min-width: 120px;
font-size: 14px;
color: #1a1a1a;
}
.app-discount--compact .app-discount__code {
font-size: 13px;
}
.app-discount--compact .app-discount__btn {
padding: 8px 16px;
font-size: 13px;
} @media (max-width: 599px) {
.app-discount--full .app-discount__inner {
flex-direction: column;
align-items: stretch;
}
.app-discount--full .app-discount__action {
margin-top: 4px;
}
.app-discount--full .app-discount__btn {
display: block;
text-align: center;
}
}