.text-btns-2-media .content-container {
    grid-area: 1/3/1/span 3;
}

.text-btns-2-media:has(.sticker-container) .content-container {
    align-self: center;
}

.text-btns-2-media:not(:has(.media-wide)) .content-container {
    align-self: flex-start;
}

.text-btns-2-media .media-narrow {
    grid-area: 1/7/1/span 3;
    aspect-ratio: 558/990;
}

.text-btns-2-media .media-wide {
    grid-area: 1/10/1/span 4;
    aspect-ratio: 754/754;
}

.text-btns-2-media .media-wide.high {
    aspect-ratio: 754/990;
}

.text-btns-2-media .sticker-container {
    grid-area: 1/7/1/span 3;
    margin-top: max(24px, 1.875vw);
    transform: translateX(-50%);
}

.text-btns-2-media:not(:has(.media-wide)) .sticker-container {
    justify-self: flex-end;
    transform: translateX(50%);
    margin-top: max(48px, 6.5625vw);
}

@media (max-width: 1199.98px) {
    .text-btns-2-media .content-container {
        grid-area: 1/3/1/span 4;
    }
    
    .text-btns-2-media .media-narrow {
        grid-area: 1/8/1/span 3;
    }
    
    .text-btns-2-media .media-wide {
        grid-area: 1/11/1/span 3;
    }
    
    .text-btns-2-media .sticker-container {
        grid-area: 1/8/1/span 3;
    }
}

@media (max-width: 991.98px) {
    .text-btns-2-media .content-container {
        grid-area: 1/3/1/span 10;
        margin-top: 0;
        margin-bottom: var(--m-medium);
    }
    
    .text-btns-2-media .content-container .btns-container {
        justify-content: flex-end;
    }

    .text-btns-2-media .media-narrow {
        grid-area: 2/3/2/span 5;
    }

    .text-btns-2-media .media-wide {
        grid-area: 2/8/2/span 5;
    }

    .text-btns-2-media .sticker-container {
        grid-area: 2/3/2/span 5;
        margin-top: var(--m-medium);
    }
}

@media (max-width: 575.98px) {
    .text-btns-2-media .content-container {
        grid-area: 1/2/1/span 12;
    }

    .text-btns-2-media .media-narrow {
        grid-area: 2/4/2/span 10;
    }

    .text-btns-2-media .media-wide {
        grid-area: 3/2/3/span 12;
        margin-top: var(--m-30);
    }

    .text-btns-2-media .sticker-container {
        grid-area: 2/4/2/span 10;
        margin-top: var(--m-medium);
    }

    .text-btns-2-media:not(:has(.media-wide)) .sticker-container {
        justify-self: flex-start;
        transform: translateX(-50%);
        margin-top: var(--m-medium);
    }
}