.modal__confirm {
  --padding: 20px;
  --border-radius: 16px;
  --border-color: #c9c9c9;
  --header-background: #fff;
  --body-font-size: 18px;
  --body-line-height: 160%;
  --body-background:  #f6f6f6;
  --footer-background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99999;
  min-width: 304px;
  -webkit-box-shadow: 4px 4px 8px 0px #00000040;
          box-shadow: 4px 4px 8px 0px #00000040;
  border-radius: var(--border-radius); }
  .modal__confirm-header {
    background: var(--header-background);
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    border: 1px solid var(--border-color);
    padding: var(--padding); }
  .modal__confirm-body {
    font-size: var(--body-font-size);
    font-weight: 700;
    line-height: var(--body-line-height);
    padding: var(--padding);
    background-color: var(--body-background);
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color); }
    .modal__confirm-body_without_header {
      border-top: 1px solid var(--border-color);
      border-radius: var(--border-radius) var(--border-radius) 0 0; }
  .modal__confirm-footer {
    background: var(--footer-background);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    border: 1px solid var(--border-color);
    padding: var(--padding);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    position: relative; }
    .modal__confirm-footer:before {
      content: '';
      display: block;
      position: absolute;
      left: 54px;
      bottom: -27px;
      border: 13.5px solid transparent;
      border-top-color: var(--border-color);
      border-left-width: 10.5px;
      border-right-width: 10.5px; }
    .modal__confirm-footer:after {
      content: '';
      display: block;
      position: absolute;
      left: 55px;
      bottom: -24px;
      border: 12px solid transparent;
      border-top-color: #fff;
      border-left-width: 9.5px;
      border-right-width: 9.5px; }