.bookalertbg {
    background: -webkit-gradient(linear, left top, right top, from(#f5548e), to(#903af9));
    background: -webkit-linear-gradient(left, #f5548e, #903af9);
    background: -o-linear-gradient(left, #f5548e, #903af9);
    background: linear-gradient(to right, #f5548e, #903af9);
    padding: 25px 20px;
    margin: 5px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 25px;
    border: solid 5px #fff;
    box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
    -moz-box-shadow: 0 1px 6px rgba(32, 33, 36, .28);
    -webkit-box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
}

    .bookalertbg .bookalertwarp {
        border: solid 1px #fff;
        padding: 15px 0
    }

    .bookalertbg p {
        text-align: center;
        padding: 10px 0;
        color: #fff;
        font-size: 22px;
        letter-spacing: 0.6px;
        display: block;
        font-family: "Google Sans";
    }

        .bookalertbg p .btun, .bookalertwarp p .btun {
            min-width: auto;
            background: #fff;
            display: inline-block;
            padding: 7px 12px;
            margin-bottom: 0;
            font-size: 13px;
            font-weight: normal;
            line-height: 1.42857143;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 3px;
            min-width: 100px;
            letter-spacing: normal;
            color: #212121
        }


/* */
.bookappment {
    position: absolute;
    top: -60px;
    margin-left: 230px;
    background: #ec4758;
    padding: 10px 15px;
    border-radius: 4px;
}

    .bookappment a {
        color: #ffffff;
        display: block;
    }
/* */
@media only screen and (max-width :768px) {
    .bookappment {
        position: fixed;
        left: 0;
        top: inherit;
        bottom: 0;
        width: 95%;
        border-radius: 0;
        text-align: center;
        box-shadow: 0 .5rem 1rem rgb(0 0 0 / 60%) !important;
        background: #fff;
        z-index: 99;
        padding: 10px;
        margin-left: 0
    }

        .bookappment a {
            color: #212121;
            background: #ec4758;
            padding: 10px;
            color: #fff;
            border-radius: 3px;
        }
}