.btn-small,
.btn-large,
.btn-regular{
    /* the padding-y value is only a styling safe-guard, doesn't modify the typical height */
    padding: .5rem 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .5rem;
}

.btn-large{
    min-height: 103px;
    font-size: 1.5rem;
    line-height: 1.125;
    font-weight: 500;
}

.btn-regular{
    min-height: 50px;

    font-size: 1.125rem;
    line-height: 1.375;
    font-weight: 700;
}

.btn-small{
    min-height: 32px;
    min-width: 76px;

    padding: 0 14px;
    font-size: .875rem;
    line-height: 1.375;
    font-weight: 700;
}

.btn svg *{
    fill: currentColor;
}