@import "./chip-button.vars";

// Chip Button
// --------------------------------------------------

.chip-button {
  @include border-radius($chip-button-border-radius);
  @include margin($chip-button-margin-top, $chip-button-margin-end, $chip-button-margin-bottom, $chip-button-margin-start);

  position: relative;

  width: $chip-button-size;
  height: $chip-button-size;

  border: 0;

  &:active,
  &:focus {
    outline: none;
  }
}

.chip-button-inner {
  display: flex;

  flex-flow: row nowrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;
}