<template>
    <div class="nh-cookie-wrapper">
        <div class="nh-cookie-banner" :class="{'nh-cookie-banner__hide' : this.hideBanner}">
            <div class="nh-cookie-banner__text">By continuing to browse this website, you agree to the use of cookies.</div>
            <div @click.prevent="_handleCookieAccept" class="nh-cookie-banner__btn"><img src="./close-cookie-banner.svg"></div>
        </div>
    </div>
</template>


nh-cookie-wrapper {
    position: fixed;
    z-index: 99999;
    bottom: 60px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.nh-cookie-banner{
    width: 50%;
    margin: 0 auto;
    background-color: black;
    color: #ffffff;
    height: 50px;

     &__hide {
        display: none;
        visibility: hidden;
    }
     &__text {
        float: left;
            font-size: 14px;
            height: 100%;
            padding: 17px 17.5px;

            font-family: 'Novo Apply Sans';
            line-height: 17px;
            letter-spacing: 1px;
        p {
            text-align: center;
            vertical-align: middle;
            display: table-cell;
        }
     }
    &__btn {
        float: right;
        background-color: black;
        display: inline-block;
        color: white;
        height: 100%;

        border-left: 1px solid grey;

        img {
            padding: 17px 17px;
        }
    }
        @include below-tablet  {

        }
}
</style>