How to change button size (font,padding, etc) to scale smaller on Mobile View?

I've figured out how to make the mobile view font size smaller throughout my sight, but can't figure out how to downsize buttons.

Also, on the navigation between blogs.

My comments button is broken on mobile, probably because the size isnt adjusted

(example url: indoorphins.com/body-v2/howtobodyprogramv2

Thank you!

I see you fixed it with this CSS code?

@media screen and (max-width: 640px) {
    .comment-count span {
        font-size:15px !important
    }

    span.comment-btn.sqs-system-button.sqs-editable-button-font.sqs-editable-button-shape {
        visibility: hidden
    }

    span.comment-btn.sqs-system-button.sqs-editable-button-font.sqs-editable-button-shape:after {
        content: "LOG YOUR SCORE";
        visibility: visible;
        background: #e38b6c;
        color: #fff;
        font-family: halyard-display;
        font-weight: 500;
        font-style: normal;
        text-transform: none;
        line-height: .75em;
        letter-spacing: .05em;
        -webkit-font-smoothing: antialiased;
        font-size: 10px;
        line-height: normal;
        padding: 10px 10px
    }
}