.referral-bonus-wrapper {
    background: #f0e5d7
}

.referral-bonus-wrapper.white-background {
    background: #fff
}

.referral-bonus-wrapper.home-page {
    background-color: #f1f4fa
}

.referral-bonus-wrapper.home-page .referral-bonus-wrapper--content {
    max-width: 100%
}

.referral-bonus-wrapper.home-page .referral-bonus-wrapper--content .h4,.referral-bonus-wrapper.home-page .referral-bonus-wrapper--content h4 {
    margin: 8px 0 32px;
    max-width: 100%
}

@media(max-width:767.98px) {
    .referral-bonus-wrapper--image {
        margin-bottom: 24px;
        max-width: 180px
    }
}

.referral-bonus-wrapper--content {
    max-width: 525px
}

@media(min-width:768px) {
    .referral-bonus-wrapper--content {
        margin-left: 120px
    }
}

@media(max-width:767.98px) {
    .referral-bonus-wrapper--content {
        max-width: 312px;
        text-align: center
    }
}

.referral-bonus-wrapper--content .h4,.referral-bonus-wrapper--content h4 {
    color: #6d7783;
    margin: 8px 0 32px;
    max-width: 400px
}

.referral-bonus-wrapper--content a,.referral-bonus-wrapper--content button {
    color: #cda677;
    position: relative
}

.referral-bonus-wrapper--content a:after,.referral-bonus-wrapper--content button:after {
    background-color: #cda677;
    bottom: -3px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}