/* Media creative: preserve the original image, including GIF animation. */
.affiliate-cta.offer-media-card {
    padding: 0;
    max-width: 480px;
    overflow: hidden;
    text-align: start;
    background: #f0f8ff;
    border-color: #c8e1ff;
}

.offer-media-card__media,
.offer-media-card__media img,
.offer-media-card__media video {
    display: block;
    width: 100%;
}

.offer-media-card__media img,
.offer-media-card__media video {
    height: auto;
    max-width: 100%;
}

.offer-media-card__body {
    padding: 20px;
}

.offer-media-card .affiliate-cta__title {
    margin-bottom: 12px;
    font-size: 20px;
    overflow-wrap: anywhere;
}

.offer-media-card .affiliate-cta__description {
    white-space: pre-line;
    overflow-wrap: anywhere;
    font-size: 16px;
}

.offer-media-card .affiliate-cta__button {
    box-sizing: border-box;
    width: 100%;
    margin-top: 20px;
    padding: 14px 16px;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    background: linear-gradient(135deg, #168acd, #126cb4);
    box-shadow: 0 4px 16px rgba(18, 108, 180, .22);
}

.porno .affiliate-cta.offer-media-card {
    background: linear-gradient(135deg, #241428, #1a1020);
    border-color: #46284d;
}

.porno .offer-media-card .affiliate-cta__title { color: #f2eef5; }
.porno .offer-media-card .affiliate-cta__description,
.porno .offer-media-card .affiliate-cta__disclosure { color: #b9aec4; }
.porno .offer-media-card .affiliate-cta__button {
    background: linear-gradient(135deg, #ff1744, #8b1874);
    box-shadow: 0 4px 18px rgba(255, 23, 68, .4);
}
