.promotion-container {
    border: 1px solid #a7ccf6;
    background: linear-gradient(
            90deg,
            rgba(218, 207, 249, 0.4) 0%,
            rgba(167, 204, 246, 0.4) 100%
    );
    display: flex;
    max-width: 736px;
    flex-direction: column;
    justify-content: center;
    padding: 14px 16px;
}

.promotion-body {
    display: flex;
    justify-content: space-between;
    gap: 6px;
}

@media (max-width: 991px) {
    .promotion-body {
        max-width: 100%;
        flex-wrap: wrap;
    }
}

.promotion-text-container {
    display: flex;
    gap: 6px;
    min-width: 400px;
}

@media (max-width: 991px) {
    .promotion-text-container {
        max-width: 100%;
        flex-wrap: wrap;
    }
}

.promotion-text {
    color: #292d32;
    flex-grow: 1;
    flex-basis: auto;
    font: 400 14px/143% Poppins, sans-serif;
}

.promotion-link {
    cursor: pointer;
    color: #7e82ff;
    flex-grow: 1;
    flex-basis: auto;
    font: 600 14px/143% Poppins, sans-serif;
}

@media (max-width: 991px) {
    .promotion-link {
        max-width: 100%;
    }
}

.promotion-close-icon {
    cursor: pointer;
    aspect-ratio: 1;
    object-position: center;
    width: 20px;
}