.button.small_ellipsis_button { margin: 0; padding: .1rem .3rem; } .fa-link-annotation { width: 1.4rem; } .page-actions { .button { margin-bottom: 0; margin-right: 0.8rem; padding: 0.4rem 1rem; } @media print { display: none; } } .button { border-radius: 2px !important; font-size: 1rem; padding: 0.6rem 1.2rem; &:hover { background-color: $nhs-blue; } i.fa, i.fas, i.far { margin-right: .5rem; } &.with-icon { padding-left: 0.7rem; i.fa, i.fas, i.far { font-size: 1.1rem; margin-right: 0.6rem; } } &.compact { font-size: 0.9rem; margin: 0; padding: 2px 5px; } &:focus { outline-style: none; } &.low-key { background-color: $off-white; border: solid 1px $light-grey; color: $dark-grey; &:hover { background-color: $white; } } &.alternative { background-color: $dashboard-muted-color; } } .radius.radius-right { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .radius.radius-left { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; }