img.pic{
    width: 100%;
    height: auto;
    margin: -30px 0 0;
    padding: 0;
}

.container{
    display: flex;
    position: relative;
    z-index: 100;
    top: 300px;
    margin-top: -300px;
    flex-direction: column;
    align-items: center;
}

.btn-ctrl-outer{
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
}

.btn-ctrl-inner{
    position: absolute;
    top: 47px;
    margin: 0;
    right: 15px;
    z-index: 1000;
}

@media screen and (max-width: 499px){
    .btn-ctrl-outer{
        position: relative;
        top: 100px;
        margin: 0 auto;
        padding: 0;
        background: green;
    }

    .btn-ctrl-inner{
        position: absolute;
        display: block;
        width: 100%;
        max-width: 278px;
        margin: 0 auto;
        left: 50%;
        transform: translateX(-50%);
        right: 0;
        z-index: 1000;
    }

    img.pic{
        max-width: 100%;
        height: auto;
        margin: 70px 0 0;
        padding: 0;
    }
}

.cta-tomato{
    display: inline-block;
    background: tomato;
    color: #fff;
    padding: 14px 26px;
    margin: 0  auto;
    width: 130px;
    font-size: 1.2rem;
    font-weight: 600;
    text-align: left;
    border-radius: 14px 4px 14px 4px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: transform .15s ease, box-shadow .15s ease;
    font-family: 'Segoe UI', sans-serif;
}

.cta-tomato::after{
    content: '';
    position: absolute;
    top: 8px;
    right: 12px;
    width: 8px;
    height: 14px;
    background: rgba(255,255,255,.45);
    border-radius: 50%;
    transform: rotate(18deg);
}

.cta-tomato:hover{
    transform: translateY(-3px);
    box-shadow: 0 6px 14px rgba(255, 99, 71, .35);
}

.cta-tomato:active{
    transform: translateY(0);
    box-shadow: 0 3px 8px rgba(255, 99, 71, .28);
}