.form__newsletter{
    --size: 24px;

    position: relative;
    display: flex;
    align-items: center;

    max-width: 36ch;

    margin: calc(var(--spacing)*1) auto;
    margin-top: calc(var(--spacing)*1.5);


    input[type="email"]{
        
        height: var(--h-block);
        width: 100%;
        border-radius: calc(var(--h-block)*0.5);
        outline: none;
        border: none;
        padding: 0 1ch;

        font-size: var(--fs-medium);
        z-index: 40;
        &::placeholder{
            font-size: var(--fs-medium);
        }

        &:focus{
            outline: 3px solid var(--grey-400);
        }

      
    }


    button[type="submit"].btn--bold{

        z-index: 50;
        position: absolute;
        right: 3px;

        .btn--bold__container{
            z-index: 50;
            padding-right: 0;

            &::before{
                left: auto;
                right: 0;
            }
    
            .txt{
                font-size: var(--fs-medium);
                display: none;
                padding-left: 1ch;
            }
    
            &:hover{
                .txt{
                    display: block;
                }
            }
        }


        // shadow on input
        &::before{
            content: '';
            display: block;
            width: 120px;
            height: 30px;
            background: linear-gradient(90deg,transparent 0%, var(--color-txt) 80%);
            position: absolute;
            left: -110px;
            z-index: 40;
        }
    }



}