如何在tailwindcss中使页脚与2个按钮“取消”和“保存”右对齐

<div class="flex justify-end">
  <!-- 页脚内容 -->
  <div class="footer">页脚内容</div>
  <!-- 取消按钮 -->
  <button class="btn-cancel">取消</button>
  <!-- 保存按钮 -->
  <button class="btn-save">保存</button>
</div>

<div class="flex justify-end">
  ...
</div>

.footer {
  /* 页脚样式 */
}

.btn-cancel {
  /* 取消按钮样式 */
}

.btn-save {
  /* 保存按钮样式 */
}