.button-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-self: center;
}

#sendButton,
#clearButton {
  padding: 5px 10px;
  background-color: #333333;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 3px;
  cursor: pointer;
  font-size: 0.6rem;
  width: 60px;
  transition: background-color 0.3s ease;
}

#sendButton:hover,
#clearButton:hover {
  background-color: #555555;
}

#sendButton:active,
#clearButton:active {
  background-color: #222222;
}

#sendButton:focus,
#clearButton:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}