{{define "content"}}
<h1>Are you sure you want to go?</h1>
<div class="logout-container">
    <a href="/"><button onclick="history.back();" autofocus>Please take me back.</button></a>
    <form method="post" class="non-chalant">
        {{ .csrfField }}
        <button type="submit" warning>Walk out the door.</button>
    </form>
</div>
<style>
    .logout-container {
        display: flex;
        flex-direction: row;
        gap: var(--gap);
    }

    button[type="submit"] {
        width: auto;
    }
</style>
{{end}}