.media-w-sticker .default-btn {
    grid-area: 1/3/1/span 10;
}

.media-w-sticker .media-container {
    grid-area: 2/3/2/span 10;
    aspect-ratio: 1920/1080;
}

.media-w-sticker .media-container.narrow {
    grid-area: 2/4/2/span 8;
    aspect-ratio: 1526/716;
}

.media-w-sticker .media-container .btns-container {
    position: absolute;
    right: var(--grid-gap);
    bottom: var(--grid-gap);
    gap: 12px;
}

.media-w-sticker .sticker-container {
    grid-area: 2/13/2/span 2;
    align-self: flex-end;
    justify-self: center;
    margin-bottom: var(--m-large);
}

.media-w-sticker .text-container {
	grid-area: 3/5/3/span 6;
	max-width: 38ch;
}

@media (max-width: 991.98px) {
    .media-w-sticker .default-btn {
        grid-area: 1/3/1/span 5;
        align-self: flex-end;
    }

    .media-w-sticker .sticker-container {
        grid-area: 1/8/1/span 4;
        margin-left: 0;
        margin-bottom: var(--m-small);
        justify-self: flex-end;
    }

    .media-w-sticker .media-container,
    .media-w-sticker .media-container.narrow  {
        grid-area: 2/3/2/span 10;
    }

    .media-w-sticker .text-container {
        grid-area: 3/4/3/span 8;
    }
}

@media (max-width: 767.98px) {
    .media-w-sticker .default-btn {
        grid-area: 1/2/1/span 4;
        align-self: flex-end;
    }

    .media-w-sticker .sticker-container {
        grid-area: 1/3/1/span 10;
    }

    .media-w-sticker .media-container,
    .media-w-sticker .media-container.narrow  {
        grid-area: 2/2/2/span 12;
    }

    .media-w-sticker .text-container {
        grid-area: 3/3/3/span 10;
    }
}

@media (max-width: 575.98px) {
    .media-w-sticker .default-btn {
        grid-area: 2/2/2/span 12;
        align-self: flex-end;
    }

    .media-w-sticker .media-container,
    .media-w-sticker .media-container.narrow  {
        grid-area: 3/2/3/span 10;
    }

    .media-w-sticker .sticker-container {
        grid-area: 3/12/3/span 2;
    }

    .media-w-sticker .text-container {
        grid-area: 4/2/4/span 12;
    }
}