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

/* CSS for standard button */
.ao_btn{
    display: inline-block;
    color:var(--_button-text-color);
    padding: 6px 0;
    font-weight:bold;
    text-decoration:none;
    position:relative;
    margin: 0 1em 1em 0;

    &::after{
        content:"";
        position:absolute;
        bottom:0;
        left:0;
        right:0;
        height:6px;
        background: var(--_button-underline-color);
        transition: 0.3s margin;
    }

    &:hover{
        &::after{
            margin:0 -10px;
        }
    }
}

.text-right > .ao_btn{margin: 0 0 1em 1em;}
* > .ao_btn:last-child{margin:0;}






/* textlinks */

.ao_txtlink{color: var(--_link-text-color);}