@import '@unistylus/core';

.button-link {
  display: inline-block;
  border: none;
  border-radius: var(--app-size-radius);
  padding: p('*', .375) p('*', .75);
  background: none;
  color: var(--app-color-primary);

  & + & {
    margin-right: m('*', .5);
  }
  
  &:hover, &:focus, &:active {
    background: none;
    text-decoration: underline;
    color: var(--app-color-primary-shade);
  }

  &:disabled {
    color: rgba(var(--app-color-primary), .5);
    text-decoration: none;
  }
}