Move enter using password button

[peakclo]

I have used the following design to move the enter using password button to below my image banner but above the email signup, as you can see from the image it is overlapping on the  email banner, please help me fix this for both mobile and desktop. www.peakclo.com dawn theme

.newsletter__wrapper>* {
    margin-top: 53px !important;
}
@media (min-width: 769px){
.password-link.link.underlined-link {
    position: absolute;
    top: 602px;
    left: -650px;
    /* transform: translate(-280%, 61rem); */
    font-size: 16px !important;
    color: #fff;
    background: #000000;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    z-index: 9999999999;
}
}
@media (max-width: 768px){
.password-link.link.underlined-link {
    position: absolute;
    top: 384px;
    left: -118px;
    /* transform: translate(-280%, 61rem); */
    font-size: 16px !important;
    color: #fff;
    background: #000000;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    z-index: 9999999999;
}
}

[suyash1 · Accepted solution]

@peakclo  you will keep facing this issue if you try it using css, I recommend to edit password.liquid file and get password modal code after banner

[peakclo]

I have done it like you said thanks, do you have any advice on how to centre it now

[topnewyork]

Hello @peakclo Above code paste on base.css/theme.css and for email signup you can follow screen shot steps.
Thanks!