@import "~scss/variables";

.sw-promotion-v2-empty-state-hero {
    position: absolute;
    display: grid;
    width: 100%;
    height: 100%;
    padding: 32px 96px;
    align-items: center;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 50px;

    &__column-content {
        width: fit-content;
        justify-self: right;
    }

    &__title,
    &__description {
        margin-bottom: 24px;

        &:last-child {
            margin-bottom: 0;
        }
    }

    &__description {
        color: $color-darkgray-200;
        font-size: $font-size-xs;
    }

    &__actions {
        padding-top: 8px;
    }

    &__asset {
        max-width: 100%;
    }
}
