.summary {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--Space-x3) var(--Space-x2) var(--Space-x4);
  width: 100%;
  border-top: 1px solid var(--Border-Default);
}

.backgroundBox {
  display: flex;
  flex-direction: column;
  background: var(--Surface-Primary-OnSurface-Default);
  padding: var(--Space-x15);
  gap: var(--Space-x2);
  border-radius: var(--Corner-Radius-md);
}

.buttons {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--Space-x2);
}

.backgroundBox .buttons {
  flex-direction: row;
  gap: var(--Space-x2);
  justify-content: space-between;
}

.confirmButtons {
  display: flex;
  padding-left: var(--Space-x15);
  justify-content: space-between;
  align-items: baseline;
}

.priceButton {
  display: flex;
  gap: var(--Space-x05);
}

@media screen and (min-width: 768px) {
  .summary {
    padding: var(--Space-x3) var(--Space-x3) var(--Space-x4);
  }
  .buttons {
    flex-direction: row;
    justify-content: space-between;
  }
}