@corgi-gradient-start: #ffe500;
@corgi-gradient-end: #fcc014;
@corgi-brand-primary: #e04e39;
@corgi-btn-hover: #952500;
@corgi-text-color: #1d1d1b;
@corgi-headings-font-family: ~'"canada-type-gibson",' @font-family-base;

.corgi-section {
    overflow: visible;
    .chp-logo {
        width: 80px;
        margin-bottom: 15px;
    }
    .corgi-pop-right {
        position: absolute;
        top: -30px;
        left: 0;
        width: 80px;
        @media @tablet-min {
            top: 50px;
            width: 105px;
        }
    }
}
.corgi-section_split {
    @media @tablet-min {
        display: flex;
    }
}
.corgi-section_split_section {
    position: relative;
    padding: 30px 15px;
    text-align: center;
    background-size: cover;
    @media @tablet-min {
        width: 50%;
    }

    &--left {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-left: 40px;
        padding-right: 40px;

        @media @tablet-min {
            padding-left: 60px;
            padding-right: 60px;
        }

        .promo-active & {
          background-image: url('snowflakes.jpg');
        }

        > * {
            .tidy-children;
        }
    }
    &--right {
        .basic-gradient(@corgi-gradient-start; @corgi-gradient-end; 180deg);
    }
}
.corgi-section_offer_title {
    margin: 0 auto 15px;

    sup {
        font-size: 50%;
        top: -0.75em;
    }
}
.corgi-section_benefits {
    list-style-type: none;
    padding: 0;
    margin: 20px auto;
    max-width: 280px;

    > li {
        padding-left: 30px;
        position: relative;
        margin-bottom: 10px;
        text-align: left;

        &:before {
            content: '';
            background: url("tick.svg") no-repeat center;
            background-size: 100% auto;
            width: 18px;
            height: 18px;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
        }
    }
}
.corgi-section_offer {
    padding-top: 15px;
    max-width: 320px;
    margin: 0 auto;
}
.corgi-section_cta {
    padding-top: 15px;

    .btn {
        margin-bottom: 5px;
    }
}
.corgi-text-color {
    color: @corgi-text-color;
}
.corgi-font-family {
    font-family: @corgi-headings-font-family;
}
.corgi-text-primary {
    color: @corgi-brand-primary;
}
.btn-corgi {
    .ovo-button-variant(@btn-default-color; @corgi-brand-primary; @corgi-brand-primary; @corgi-btn-hover);
    border-radius: 8px;
    height: 46px;
    line-height: 30px;
    font-family: @corgi-headings-font-family;

    &:before {
        border-radius: 8px;
    }
}