Twig HREF Markup

Hey folks,

I have looked in every corner of the documentation and also the Twig docs and I cannot find anything in relations to the "href".

I have tried also "post." before my field name and also ".url" after that field (similar to using Views), but no luck.

Here is my markup:

<!-- Hero Block -->
<section class="hero-wrapper">
  <div class="hero-inner">
    <h1 class="hero-headline">
      {{ hero_headline }}
    </h1>
    <h2 class="hero-header">
      {{ hero_header }}
    </h2>
    <p class="hero-snippet">
      {{ hero_snippet }}  
    </p>
    <div class="hero-buttons">
      <button class="hero-btn__primary"> 
        <a href="{{ hero_button_1_url }}" title="{{ hero_button_1_text }}">{{ hero_button_1_text }}</a> 
      </button>
      <button class="hero-btn__secondary">
        <a href="{{ hero_button_2_url }}" title="{{ hero_button_2_text }}">{{ hero_button_2_text }}</a>
      </button>
    </div>
  </div>
</section>

So my question, what is the syntax for my href when I have custom fields for my block?

Cheers