section.book_sellers {
    margin-top: 1.8rem;
    margin-bottom: 1.4rem;
}

@media screen and (max-width: 768px) and (orientation: portrait) {

section.book_sellers {
        margin-top: 0.6rem;
        margin-bottom: 0.6rem;

        overflow: hidden;
}
    }

@media screen and (max-width: 768px) and (orientation: portrait) {

section.book_sellers .container {
            padding: 0;
    }
        }

section.book_sellers .wrapper {
        position: relative;
        overflow: hidden;
        padding: 1.4rem 0.8rem;
        border-radius: 0.48rem;

        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

@media screen and (max-width: 768px) and (orientation: portrait) {

section.book_sellers .wrapper {
            padding: 0.8rem 0.16rem;
            border-radius: 0;
            overflow: visible;
    }
        }

:is(section.book_sellers .wrapper) .extra-wrap {
            position: relative;
            z-index: 2;
        }

@media screen and (max-width: 768px) and (orientation: portrait) {

:is(section.book_sellers .wrapper) .extra-wrap {
                width: 100%;
                overflow: visible;
        }
            }

.light-blue:is(section.book_sellers .wrapper) {
            background-color: var(--light-blue);
            color: var(--blue);
        }

:is(.light-blue:is(section.book_sellers .wrapper) .btn) .btn-icon-content {
                    background-color: var(--blue);
                    color: var(--light-blue);
                }

:is(.light-blue:is(section.book_sellers .wrapper) .btn) .btn-icon-icon__bg {
                    background-color: var(--light-blue);
                }

.yellow:is(section.book_sellers .wrapper) {
            background-color: var(--yellow);
            color: var(--red);
        }

:is(.yellow:is(section.book_sellers .wrapper) .btn) .btn-icon-content {
                    background-color: var(--red);
                    color: var(--yellow);
                }

:is(.yellow:is(section.book_sellers .wrapper) .btn) .btn-icon-icon__bg {
                    background-color: var(--yellow);
                }

.yellow:is(section.book_sellers .wrapper) input {
                color: var(--red) !important;
            }

:is(.yellow:is(section.book_sellers .wrapper) input)::placeholder {
                    color: var(--red) !important;
                }

/* Only the decorative background SVG is a direct child of .wrapper; arrow SVGs live inside .btn */

:is(section.book_sellers .wrapper)  > svg {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: auto;
            height: 100%;
            z-index: 1;
        }

:is(section.book_sellers .wrapper) .description {
            margin-top: 0.24rem;
        }

:is(section.book_sellers .wrapper) .button-wrap {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: 0.16rem;
            margin-top: 0.7rem;
        }

@media screen and (max-width: 768px) and (orientation: portrait) {

:is(section.book_sellers .wrapper) .button-wrap {
                margin-top: 0.56rem;
                flex-wrap: nowrap;
                justify-content: flex-start;
                width: max-content;
        }
            }

@media screen and (max-width: 768px) and (orientation: portrait) {

.is-mobile-marquee:is(:is(section.book_sellers .wrapper) .button-wrap) {
                    animation: book-sellers-marquee 24s linear infinite;
            }

                    .is-mobile-marquee:is(:is(section.book_sellers .wrapper) .button-wrap) .btn {
                        flex: none;
                    }
                }

:is(:is(:is(section.book_sellers .wrapper) .button-wrap) .btn) .btn-icon-icon {
                    width: 0.44rem;
                    height: 0.44rem;
                }

:is(:is(:is(section.book_sellers .wrapper) .button-wrap) .btn) .btn-icon-icon__media {
                    width: auto;
                    height: 0.28rem;
                    max-width: 0.28rem;
                }

:is(section.book_sellers .wrapper) .form-wrap {
            margin-top: 0.56rem;
        }

:is(:is(section.book_sellers .wrapper) .form-wrap) form {
                display: flex;
                align-items: center;
                justify-content: center;
            }

:is(:is(:is(section.book_sellers .wrapper) .form-wrap) form) .gform-footer {
                    padding: 0;
                    margin: 0;
                    margin-left: -0.5rem;
                }

:is(:is(:is(:is(section.book_sellers .wrapper) .form-wrap) form) .gform-footer) button {
                        border: none;
                        padding: 0;
                        font-family: inherit;
                        cursor: pointer;
                        margin-bottom: 0;
                    }

:is(:is(:is(section.book_sellers .wrapper) .form-wrap) form) input {
                    border-radius: 9rem;
                    border: none;
                    padding: .13rem 0.24rem;
                    font-family: "Schibsted Grotesk", sans-serif;
                    font-size: 0.16rem;
                    line-height: 1.1 !important;
                    font-weight: 500;
                    color: var(--blue);

                    width: 3.4rem !important;
            
                }

:is(:is(:is(:is(section.book_sellers .wrapper) .form-wrap) form) input)::placeholder {
                        color: var(--blue);
                    }

@media screen and (max-width: 768px) and (orientation: portrait) {

:is(:is(:is(section.book_sellers .wrapper) .form-wrap) form) input {
                        width: 100% !important;
            
                }
                    }

@keyframes book-sellers-marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-50% - 0.08rem));
    }
}