.btn{
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    > span{
        > small{
            font-family: var(--_font-family-semibold);
        }
    }

    &.btn-align-start{
        text-align: start;
        justify-content: start;
    }

    &.btn-row-center{
        flex-flow: row wrap;
        align-items: center;
        justify-content: center;
        gap: 0 1ch;
    }
}

.btn-primary-sm{
    font-family: var(--_font-family-semibold);
    font-size: var(--_font-size-p);
    padding-inline: 12px;
    padding-block: 12px;
    border-radius: 8px;
}

.btn-primary{
    font-family: var(--_font-family-semibold);
    font-size: var(--_font-size-p);
    padding-inline: 24px;
    padding-block: 12px;
    border-radius: 8px;
}

.btn-fill-white{
    background: var(--_color-white);
    color: var(--_color-black);
}

.btn-fill-black{
    background: var(--_color-black);
    color: var(--_color-white);
}

.btn-fill-orange-2{
    background: var(--_color-orange-2);
    color: var(--_color-white);
}

.btn-fill-gray-2{
    background: var(--_color-gray-2);
    color: var(--_color-black);
}

.btn-color-black{
    color: var(--_color-black) !important;
}

.btn-bordered-black{
    border: 1px solid var(--_color-black);
}