button[data-component-id="bfip:icon_button"] {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  transition: background 250ms ease-in-out, transform 150ms ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  user-select: none;
  border: none;
  background: none;
  padding: 0;
  border-radius: 0;
}

button[data-component-id="bfip:icon_button"],
button[data-component-id="bfip:icon_button"]:hover,
button[data-component-id="bfip:icon_button"]:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

button[data-component-id="bfip:icon_button"]:focus-visible {
  outline: var(--focus-colour) solid 4px;
}