<div class="o-grid3 row jq_equal_row">
	<div class="o-grid3__column col-lg-12 col-xl-8">
		<a href="#" target="_self" class="o-grid3__inner">
			<p class="o-grid3__title" data-equal-group="heading1">
				<strong> Lorem ipsum dolor sit amet lorem ipsum dolor sit amet </strong>
			</p>
			<p class="o-grid3__perex">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do&nbsp;eiusmod…</p>
			<div class="o-grid3__bottom">
				<span class="a-button">Detail</span>
			</div>
			<div class="o-grid3__background a-background bg-gray-light"></div>
		</a>
	</div>
	<div class="o-grid3__column col-lg-12 col-xl-8">
		<a href="#" target="_self" class="o-grid3__inner">
			<p class="o-grid3__title" data-equal-group="heading1">
				<strong> Title 01 </strong>
			</p>
			<p class="o-grid3__perex">Wolfvision přestavil nový Office 365 a&nbsp;webcasting pro&nbsp;prezentační…</p>
			<div class="o-grid3__bottom">
				<span class="a-button">Detail</span>
			</div>
			<div class="o-grid3__background a-background bg-gray-light"></div>
		</a>
	</div>
	<div class="o-grid3__column col-lg-12 col-xl-8">
		<a href="#" target="_self" class="o-grid3__inner">
			<p class="o-grid3__title" data-equal-group="heading1">
				<strong> Title 01 </strong>
			</p>
			<p class="o-grid3__perex">Lorem ipsum dolor sit amet, consectetur.</p>
			<div class="o-grid3__bottom">
				<span class="a-button">Detail</span>
			</div>
			<div class="o-grid3__background a-background bg-gray-light"></div>
		</a>
	</div>
</div>

@import "atoms/background/index";

@import "atoms/button/index";

.o-grid3 {

    &__column {

        display: flex;

    }

    &__inner {

        display: flex;
        flex: 1 0 100%;
        flex-direction: column;
        max-width: 100%;
        padding: space(2);
        position: relative;
        z-index: 0;

        &:link {

            @include text-underline(none);

        }

        > * {

            flex: 0 0 auto;

        }

    }

    &__top {

        margin-bottom: auto;

    }

    &__middle {

        margin-bottom: auto;
        margin-top: auto;

    }

    &__bottom {

        margin-top: auto;

    }

    &__title {

        margin-bottom: 0;
        margin-top: 0;

    }

    &__background {

        background-position: center;
        position: absolute;

    }

}