// Styles reset for themed templates
a.dwpp_widget_banner {
    &, * {
        @include reset-tag-styles();
    }
}


// General styles
a.dwpp_widget_banner {
    background-color: $accent-color;
    color: $accent-bg-color;
    border-radius: $big-border-radius;
    padding: $vertical-grid-space $horizontal-grid-space;
    overflow: hidden;
    display: block;
    @include paragraph-text-styles();

    &, * {

        cursor: pointer;
    }

    .dwpp_widget_banner__row {
        display: flex;
        align-items: center;
    }

    .dwpp_widget_banner__column {
        display: flex;
        flex-direction: column;
    }

    .dwpp_widget__logo {
        margin-right: $side-spacer;
        height: 34px;
        flex-shrink: 0;
    }

    .dwpp_widget__title {
        @extend .dwpp_widget__caps;
        color: inherit;
    }
}