.btn-text {
    &:link,
    &:visited {
        font-size      : $default-font-size;
        color          : $color-primary;
        display        : inline-block;
        text-decoration: none;
        border-bottom  : 1px solid $color-primary;
        padding        : 3px;
        transition     : all .2s;
    }

    &:hover {
        background-color: $color-primary;
        color           : $color-white;
        box-shadow      : 0 1rem 2rem rgba($color-black, 0.2);
        transform       : translateY(-2px);
    }

    &:active {
        box-shadow: 0 .5rem 1rem rgba($color-black, 0.2);
        transform : translateY(0);
    }
}