news-component {
    button {
        margin-left: 0px;
    }

    .news-item {
        &.default {
            margin-bottom: 40px;

            h3 {
                font-size: @h3--font-size--small;
                line-height: @h3--line-height--small;
            }

            .news-image {
                margin-bottom: 30px;
            }

            .news-info {

                .news-description {
                    margin-bottom: 25px;
                }
            }
        }
        

        &.hero {
            margin-bottom: 30px;

            .news-image {
                .gt-md({
                    width: calc(~"55% - 8px");
                    float: left;
                    // margin-bottom: 20px;
                });
                
                .md({
                    width: 100%;
                });
            }

            .news-info {
                .gt-md({
                    width: calc(~"45% - 8px");
                    float: right;
                    background-color: @champagne-25;
                    padding: 60px 40px 40px;
                    height: 100%;
                    // height: calc(~"100% - 20px");
                });

                .md({
                    width: 100%;
                    padding: 60px 40px 20px;
                    height: 410px;
                });

                .news-description {
                    margin-bottom: 35px;
                }
            }

            .lt-md({
                    padding: 20px 10px;
                    background-color: @champagne-25;

                    .news-image {
                        margin-bottom: 30px;
                    }
            });
        }
    }
}
