@import '../../../styles/mixins';
@import '../../../styles/definitions/breakpoints';

.topFeatures {
    &_title {
        @include title-2;
        margin-bottom: 35px;
    }
    &_item {
        margin-bottom: $grid-gutter-height-large;

        @include media-md-down {
            @include column-width;
        }
    }
    &_buttonWrapper {
        @include grid-row;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 6px;
    }
    &_button {
        @include grid-item;
        display: flex;
        align-items: center;
        margin-top: 5px;

        &Icon {
            height: 14px;
            margin-left: 16px;
        }
        &--desktop {
            @include media-md-down {
                display: none;
            }
        }
        &--mobile {
            @include media-md-up {
                display: none;
            }
        }
    }
}
