Hi, So i wanted to align the text to the right in a flexbox but I’m not able to.. Please help me I’m new to this

So this should display the text and the button to the right but i am not able to align it.
This is my first time using flex boxes and I’m not able to fix this problem.

body {
  background: #f8f8f8;
  font-family: "JetBrains Mono", monospace;
}
* {
  font-family: "JetBrains Mono";
}
.message {
  align-self: right; // I want to align this to the right
  color: steelblue;
  font-weight: 800;
}

nav {
  display: flex; // they are all stored in this div and this is a flex box
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  height: 100px;
}

#btd {
  align-self: right; // and this
  height: fit-content;
}