.content-container.card-content.has-full-width-media {
    padding: 0;
}

.content-container.card-content.has-full-width-media .offer-card-body {
    padding: var(--offer-card-padding);
    padding-bottom: 2rem;
}

.offer-media-container {
    display: flex;
    position: relative;
    .offer-media {
        width: 100%;
        aspect-ratio: 1/1;
        object-fit: contain;
        border-top-left-radius: var(--offer-card-border-radius);
        border-top-right-radius: var(--offer-card-border-radius);
    }
    .offer-video-mute-button {
        width: 7.5%;
        height: 7.5%;
        position: absolute;
        background: rgba(0, 0, 0, 0.30);
        border-radius: 100px;
        z-index: 100;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        display: none;
        right: 0;
        margin-top: 4px;
        margin-right: 5px;
    }
    .offer-video-play-button {
        width: 15%;
        position: absolute;
        z-index: 100;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        display: none;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}