Spaces not rendered after icon in button

[ghost]

I have implemented icons in buttons as suggested in #273.

Unfortunately, the space following the icon isn't rendered, so it doesn't end up looking great.

Example:

{{< button href="/discography" target="_self" >}}
{{< icon "hashnode" >}} View Discography
{{< /button >}}

Any tips on getting some space after the icon?

Otherwise, absolutely LOVING this theme! Great work!
Thanks in advance.

[ghost]

Resolved it myself :-)

Simple solution:

assets/css/custom.css:

/* Space after buttons */
a[href][role="button"] {
  margin-right: 10px;
}

/* Space after icon in buttons */
a[href][role="button"] .icon {
  margin-right: 0.5em;
}