@use "00-base/colors" as *;

@use "00-base/variables" as *;

@mixin ma-button-base {
  border: 3px solid;
  box-shadow: $box-shadow;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: $letter-spacing-large;
  padding: 0.4em 1em;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.4s ease;

  &:hover:not(:disabled) {
    text-decoration: none;
  }
}