.btn {
display: inline-flex; margin: .25em 0; padding: .5rem 1rem; text-decoration: none; text-align: center; margin: 2px; background: rgba(var(--rgb-primary), 0.06); color: rgba(var(--rgb-primary), 0.6); border-radius: 5px; border: 0; @include properties($body-md); &:hover, &:active, &:focus { background: rgba(var(--rgb-primary), 0.1); color: rgba(var(--rgb-primary), 0.6); outline: none; } &.active { font-weight: 600; } &.disabled, &:disabled { opacity: 0.5; } .icon { margin: 0 4px 0 0; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none; top: 2px; position: relative; } &.btn-nav{ padding: 0; margin: 0; border-bottom: none; background: transparent; color: inherit; &:hover, &:active, &:focus { color: rgb(var(--rgb-primary), 0.75) !important; } }
}