a

color: var(--scribe-action)
display: inline-block
transform-origin: 50% 90%
transition: transform 10ms
@include media-query('md')
    text-decoration: none

a.action

text-decoration: none
text-align: center
font-family: 'Augusta', serif
font-size: get-size('700')
font-weight: bold
width: 100%
@include media-query('md')
    font-size: get-size('900')

a:not(.menu a):hover, a:not(.menu a):focus

text-decoration: underline
color: var(--scribe-action-hover)

a.logo, a.logo:hover, a.logo:focus

transform: none !important

.btn

padding: .2em .5em
border-radius: .5em
letter-spacing: 1px

.btn-border

border: currentColor 2px solid