.subscribe-now-component {
    position: relative;
    max-width: 600px;
    width: 100%;
}
.subscribe-now__email {
    width: calc(100% - 20px);
    height: 48px;
    background: #fff0;
    color: #6d6d6d;
    border: 2px solid #2f2f2f;
    border-radius: 26px 0 0 26px;
    padding: 0 25px;
    font-family: 'Poppins';
    box-sizing: border-box;

    outline: none;
    box-shadow: none;
}
 

.subscribe-now__email:focus,
.subscribe-now__email:active {
    background-color: transparent;
    outline: none;
    box-shadow: none;
}

.subscribe-now-component__label,
.subscribe-now-component__button {
    width: 100%;
    height: 48px;
    background: #25272d;
    color: #fff;
    border: 2px solid #25272d;
    border-radius: 26px;
     
    font-family: 'Poppins';
    font-size: 26px;

    display: flex;
    justify-content: center;
    align-items: center;

    position: absolute;

    z-index: 1;
}

.subscribe-now-component__button  {
    z-index: 2;
    transform: translateX(-101%);
    transition: transform 0.7s ease;
}


.subscribe-now-component__button {
    background-color: #0b83fe;
}


.subscribe-now-component__buttons:hover .subscribe-now-component__button{
    transform: translateX(0px);
}

.subscribe-now-component__button:active {
    inset 0 3px 6px rgba(0, 0, 0, 0.28),
    inset 0 -1px 2px rgba(255, 255, 255, 0.18);

    transform: translateY(1px);
}
 

.subscribe-now-component__buttons {
    position: relative;
    box-sizing: border-box;
    
    width: 60%; 
    position: absolute;
    right: -20px;
    top: 0;
    height: 50px;
    overflow: hidden;
}


@media screen and (max-width: 1280px) {
    .subscribe-now-component__label,
    .subscribe-now-component__button {
        font-size:21px;
    }

    .subscribe-now-component__buttons {
        width: 280px;
    }
}