/**
 * @file
 * Oscar chrome (.btn-default wrapping an <a>): the face was the span; the
 * click was only the letters. Put the padding on the link so the whole face
 * navigates. Drupal submit .button / input.btn-primary are a different markup
 * and are left alone.
 *
 * Layout Builder hangs btn-default on the Duplicate block: that wrapper is
 * still inline-block, so filling its inner flag link does not stretch across
 * the product ficha.
 */

span.btn-default,
div.btn-default {
  padding: 0 !important;
}

span.btn-default > a,
div.btn-default > a,
span.btn-default > strong > a,
div.btn-default > strong > a,
span.btn-default .flag > a,
div.btn-default .flag > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35em;
  box-sizing: border-box;
  width: 100%;
  padding: 5px 8px;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

span.btn-default > strong,
div.btn-default > strong,
span.btn-default > .flag,
div.btn-default > .flag {
  display: block;
}