#confirm_popup{
  background-color: white;
  border-radius: var(--m_gap);
  box-sizing: border-box;
  padding: var(--xl_gap);
  width: 360px}
  #confirm_heading{
    color: var(--gray_1);
    font-size: var(--l_font);
    margin: var(--m_gap) 0}
  #confirm_message{
    color: var(--gray_2);
    margin: var(--m_gap) 0 var(--xl_gap)}
  #confirm_popup .actions{
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: min-content;
    grid-gap: var(--m_gap)}
@media(max-width: 900px){
    #confirm_popup{
      width: 300px}
}