@media only screen and (min-width:200px) and (max-width:575px){

    .outer-btn{
        position:fixed;
        bottom:0px;
        left:0px;
        width: 100%;
        justify-content: center;
        background: #fff;
        padding-bottom: calc(0.75rem, env(safe-area-inset-bottom));
        z-index:1030;
        padding: 0.75rem;
        z-index: 1030;
        bottom: env(safe-area-inset-bottom, 0px);
    }
    main{
       padding-bottom:80px;
    }
    .hero-title {
    font-size: 3rem;
    }
    .hero-subtitle {
    font-size: 1.2rem;
    }
}

@media only screen and (max-width:768.77px){
    .outer-btn{
        position:fixed;
        bottom:0px;
        left:0px;
        width: 100%;
        justify-content: center;

        background: #fff;
        padding: 0.75rem;

    }
}