@use "./abstracts/mixins" as *;
@use "./abstracts/vars" as *;
@use "./styles/promo" as *;
@use "./base/richtext/richtext" as richText;

.promo {
    background: $promo-bg;
    padding: 15px;
    overflow: hidden;
    box-sizing: border-box;
    >.component-content {
        position: relative;
        @include clearfix();
        @include border-basic(all, $promo-border);
        >div {
            padding: 5px;
        }
    }
    .zg-height-fix {
        .field-promoicon {
            margin-top: 100px;
        }
    }
    .field-promoicon {
        overflow: hidden;
        width: 100%;
        img {
            width: 100%;
            height: auto;
        }
    }
    .field-promolink {
        margin-top: 5px;
        padding-bottom: 10px;
    }
    &.image-full-size {
        img {
            margin-bottom: 10px;
        }
    }
    @include richText.richtext-styles;
}