Button Primary

//  buttons

a, button{
    &.ai-btn{
        &.ai-btn-primary{
            display: inline-block;
            color: $black;
            text-decoration: none;
            font-family: $subheadings;
            font-size: 18px;
            background-image: url('../images/icons/ai-arrow-black.svg');
            background-size: 15px;
            background-repeat: no-repeat;
            background-position: right center;
            padding: 0 2rem 0 0;
            &:before{  //  preload hover icon
                content: '';
                width: 0;
                height: 0;
                overflow: hidden;
                background-image: url('../images/icons/ai-arrow-grey.svg');
            }
            &:hover{
                color: $textgrey;
                background-image: url('../images/icons/ai-arrow-grey.svg');
            }
            &.small{
                font-size: 15px;
            }
        }
        &.disabled{
            display: inline-block;
            color: $black;
            text-decoration: none;
            font-size: 18px;
            padding: 0;
            pointer-events: none;
            background-image: none;
        }
    }
}