// TODO-DRY:  MOVE TO / REPLACE WITH DRY
.dry-confirmation-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 500px;
  background: white;
  padding: 20px;
  border-radius: 5px;
  z-index: 1000;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  &__confirm-button,
  &__cancel-button {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    background: #ddd;
    transition: background-color 2s linear 0s;
  }

  &__confirm-button:hover,
  &__cancel-button:hover {
    background: #bbb;
  }
}