Why my button is not under my div in HTML-CodePudding

I have a bug with my button. Like you can see on the screen the button is on my text and not under. If you have any idea... I really don't understand why.

Thank you!

.bouton-degrade {
    background: linear-gradient(135deg, #e30613 0%, #95030FFF 80%);
    color: #FFF;
    padding: 10px 20px;
    border-radius: 10px;
    transition: 0.2s;
    text-decoration: none;
    font-weight: 700;
    border: none;
}

.bouton-degrade:hover {
    background: linear-gradient(-135deg, #e30613 0%, #95030F 80%);
    transition: 0.2s;

}

margin-top: 1000px;

margin-bottom: -1000px

Screen

CodePudding user response：

Any chance of seeing the HTML?

Could also be the placement of the button within your HTML or, something silly like a misspelled class name?. Difficult to tell why it's misbehaving, without seeing the HTML.

CodePudding user response：

where you add the margin-bottom: -1000px remove it. margin-bottom: -1000px