[data-component-id="budo:link_button"] {
  display: inline-block;
  padding: var(--rhyme-xxs) var(--rhyme-lg);
  text-decoration: none;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  border-radius: var(--border-radius-sm, 5px);
  white-space: nowrap;

  box-shadow: 7px 7px 0 -1.5px var(--color-primary), 7px 7px 0 0 var(--color-on-primary);

  transition: all 250ms;
}

[data-component-id="budo:link_button"]:hover,
[data-component-id="budo:link_button"]:active {
  transform: translateY(2px);
  transform: translateX(2px);
  box-shadow: 5px 5px 0 -1.5px var(--color-primary), 5px 5px 0 0 var(--color-on-primary);
}

[data-component-id="budo:link_button"].button--style-primary {
  border-style: solid;
  border-width: var(--border-md);
  border-color: var(--color-on-primary);
  background-color: var(--color-on-primary);
  color: var(--color-primary);
}

[data-component-id="budo:link_button"].button--style-secondary {
  border-style: solid;
  border-width: var(--border-md);
  border-color: var(--color-on-primary);
  background-color: var(--color-primary);
  color: var(--color-on-primary);
}

[data-component-id="budo:link_button"] + [data-component-id="budo:link_button"] {
  margin-inline-start: var(--rhyme-xs);
}