@media(max-width: 800px){
    #subscripe-box{
        display: none !important;
    }
}

#subscripe-box {
    position: fixed;
    bottom: 0px;
    left: 10px;
    width: 25%;
    height: 30%;
    display: grid;
    transition: height 1s ease-out;
}

.subscripe-button {
    text-align: center;
    position: absolute;
    top: -18px;
    right: 20px;
    width: 40px;
    height: 18px;
    padding-top: 2px;
    cursor: pointer;
    background:  #00a550;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    perspective: 40px;
}

.from-top-to-bottom{
    height: 0% !important;
}

.from-bottom-to-top{
    height: 30% !important;
}

.subscripe-content{
    padding: 20px;
    background:  #00a550;
    border-radius: 20px;
    perspective: 40px;
}

.new-button {
    color: #fff;
    float: left;
    margin-top: 15px;
    width: 100%;
    background: #ff8600;
}