Code für den Headbereich.

 <style type="text/css">

/*<![CDATA[*/

.your-btn {

    color: white !important;

    display: inline-block;

    text-decoration: none;

    font-size: 0.77778em;

    font-weight: 400;

    line-height: 1.5;

    letter-spacing: 0.08036em;

    text-shadow: 0.07143em 0.07143em 0.21429em rgba(0, 0, 0, 0.05);

    text-align: center;

    text-transform: uppercase;

    word-spacing: 0.10714em;

    cursor: pointer;

    will-change: background-color, color, border;

    transform: translateZ(0);

    transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    outline: none;

    padding: 0.71429em 1.42857em;

    border-radius: 9999em;

    border: 2px solid rgba(255,255,255,0.1);

    transition: background-color 250ms ease-out;

}

.your-btn-gelb {

    background-color: #FFB619;

    color: white;

}

.your-btn-rot {

    background-color: #EB3D41;

    color: white;

}

/*]]>*/

</style>

Dieser Code kommt in ein Widget/HTML-Modul.

<a href="{your link}" class="your-btn your-btn-rot">Click me!</a>

<a href="{your link}" class="your-btn your-btn-gelb">Click me!</a>