/* general animations */
a{transition: 0.3s all}

/* CSS for standard button */
.ao_btn{
    display: inline-block;
    color:var(--engel-black);
    border:3px solid var(--engel-white);
    border-radius: 20px 2px;
    padding:17px 22px;
    font-weight:bold;
    background:var(--engel-white);
    text-decoration:none;
    position:relative;
    font-size:0.9em;
    line-height:1;
    margin: 0 1em 1em 0;
    transform: skewX(-7deg);
}
.text-right > .ao_btn{margin: 0 0 1em 1em;}
* > .ao_btn:last-child{margin:0;}


.ao_btn .ao_btn_arrow{
    position: absolute;
    width: 15.9px;
    height: 12.86px;
    top: 15.57px;
    left: 18px;
}
.ao_btn:hover{
    background:var(--frm-blue);
    border-color:var(--frm-blue);
    color:#fff;
}
.ao_btb.ao_active{}
.ao.btn.ao_disabled{}

/* alternative layout "white-grey" */
.ao_btn.ao_white-grey{
    color:var(--engel-black);
    border-color:var(--engel-white);
    background: var(--engel-white);
}
.ao_btn.ao_white-grey:hover{
    background:var(--engel-light-grey);
    border-color:var(--engel-light-grey);
}

/* alternative layout "white-yellow" */
.ao_btn.ao_white-yellow{
    color:var(--engel-black);
    border-color:var(--engel-white);
    background: var(--engel-white);
}
.ao_btn.ao_white-yellow:hover{
    background:var(--engel-yellow);
    border-color:var(--engel-yellow);
}


/* alternative layout "white-red" */
.ao_btn.ao_white-red{
    color:var(--engel-black);
    border-color:var(--engel-red);
    background: var(--engel-white);
}
.ao_btn.ao_white-red:hover{
    background:var(--engel-red);
    color:var(--engel-white);
}

/* alternative layout "red-yellow" */
.ao_btn.ao_red-yellow{
    color:var(--engel-white);
    border-color:var(--engel-red);
    background: var(--engel-red);
}
.ao_btn.ao_red-yellow:hover{
    color:var(--engel-black);
    border-color:var(--engel-yellow);
    background: var(--engel-yellow);
}




/* textlinks */

.ao_txtlink{color:var(--engel-red);font-weight: bold;}
/*.ao_txtlink:hover{background:var(--frm-soft-blue)}*/