<style>
    .button-outline {
        padding: 1rem 2rem 1.0625rem 2rem;
        border: 3px solid currentColor;
        display: inline-block;
        margin: 0 0 1.25rem;
        line-height: normal;
        text-align: center;
        font-size: 1rem;
    }

    .button-outline.tiny {
        padding: 0.625rem 1.25rem 0.6875rem 1.25rem;
        font-size: 0.6875rem;
    }

    .button-outline.small {
        padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
        font-size: 0.8125rem;
    }

    .button-outline.large {
        padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
        font-size: 1.25rem;
    }

    .button-outline.round {
        border-radius: 1000px;
    }

    .button-outline.radius {
        border-radius: 3px;
    }
</style>

<a class="button-outline round tiny" href="/free-estimate.html">round tiny button</a>

These are some notes about the component