.button, a.button, input[type=submit], input[type=button], input[type=reset], a.hamburger[role=button], input.submit_button {
   display:inline-block;
   border:none;
   font-size:0.875rem;
   font-weight:400;
   padding:0.375rem 1.375rem;
   height:2.75rem;
   line-height:1.9375rem;
   text-align:center;
   text-transform:uppercase;
   letter-spacing:0.07142857143em;
   border-radius:1.375rem;
   cursor:pointer;
   transition:background-color .1s ease;
   white-space: nowrap;

   svg {
      display: inline-block;
      margin-top:0;
      width:2rem;
      height:2rem;
      vertical-align: bottom;
      background: #ffffff;
      border: 2px solid #ffffff;
      border-radius: 100%;
   }
}

.button, a.button, .button--primary {
   background-color:$color-yellow;
   color:$color-darkgrey;

   &:hover, &:focus, &:active {
      background-color:#ffd633;
      text-decoration: none;
      border:none;
   }

   &.focus-visible {
      outline: none;
      box-shadow: 0 0 0 3px $color-focus;
   }
}