#response {
  max-width: none;
}

.outside #response {
  max-width:400px;
}

.price {
  width: 10em;
  text-align: right;
}

.percentage {
  width: 6em;
  text-align: right;
}

table.stripped th,
table.stripped td {
  padding-left:1em;
  padding-right:1em;
  vertical-align: top;
}

table.stripped td[data-label="Articulo"] {
  min-width:20em;
}

@media (min-width: 768px) {
  body.providers.inside #response {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    display:flex;
    flex-direction: column;
    align-items: center;
  }

  .providers .bottom_toolbar {
    left: auto;
    max-width: none;
    display: flex;
    flex-direction: row;
    gap: 1em;
  }

  .providers .bottom_toolbar .button {
    max-width: 500px;
  }
}