article.flavour {
    max-width: 800px;
    width: 100%;
    margin: 22px auto;

    display: flex;
    gap: 0;

    --sticker-offset: calc(0px - (var(--sticker-size) / 2));
    --card-offset: calc((var(--sticker-size) / 2) + 22px);

    &:nth-child(even) {
        flex-direction: row-reverse;
        div.card {
            margin-left: 0;
            margin-right: var(--sticker-offset);
            
            padding-left: 22px;
            padding-right: var(--card-offset);
        }
    }

    div.sticker {
        margin: 0 0;
        z-index: 5;
        box-shadow: var(--default-shadow);
    }

    div.card {
        background-color: white;
        box-shadow: var(--default-shadow);
        padding: 22px;
        padding-left: var(--card-offset);
        margin-left: var(--sticker-offset);
        z-index: 4;
        width: calc(100% - var(--sticker-size));

        display: flex;
        justify-content: center;
        align-items: center;
        
        @media (max-width: 590px) {
            text-align: center;
        }
    }

    @media (max-width: 590px) {
        flex-direction: column !important;
        justify-content: center;
        align-items: center;

        div.sticker {
            margin-bottom: var(--sticker-offset);
        }

        div.card {
            margin: 0 auto !important;
            padding: 22px !important;
            padding-top: var(--card-offset) !important;
        }
    }
}

div.found-your-flavour {
    text-align: center;
    margin: 66px auto;

    p.title {
        font-size: 2rem;
    }

    p {
        margin-top: 0;
    }

    a.sticker {
        margin-top: 22px;
}