.gk-blog-discount {
    margin: 1.25rem 1rem;
    padding: clamp(0.9rem, 3vw, 1.35rem) clamp(1rem, 4vw, 1.65rem);
    border: 1px solid #e6c9a5;
    border-inline-start: 4px solid #eb7a00;
    border-radius: 0.8rem;
    background: #fbe6c1;
    color: #553028;
    overflow-wrap: anywhere;
}

.gk-blog-discount__message {
    margin: 0;
    color: inherit;
    font-size: 1.05rem;
    line-height: 1.75;
}

.gk-blog-discount__code {
    display: inline-block;
    padding: 0.12em 0.75em;
    border-radius: 2em;
    background: #eb7a00;
    color: #3f2417;
    font-weight: 800;
    letter-spacing: 0.025em;
    line-height: 1.5;
    user-select: all;
}

#content .gk-blog-discount .gk-blog-discount__message .gk-blog-discount__link {
    color: #553028 !important;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.gk-blog-discount__link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.gk-blog-discount-featured > img.blogimg {
    display: block;
    float: none;
    width: 100%;
    padding: 0;
}

.gk-blog-discount-featured > .gk-blog-discount {
    margin-top: 0.75rem;
}

@media (min-width: 768px) {
    .gk-blog-discount-featured {
        float: right;
        width: 35%;
        padding: 0 20px;
    }

    .gk-blog-discount-featured > .gk-blog-discount {
        margin-inline: 0;
    }
}