/* icon only */
DialpadButton::icon{
    top: -var(hb-param-margin-gene-middle-vertical);
    bottom: var(hb-param-margin-gene-middle-vertical);
    fixed-width: var(hb-param-graphic-size-function);
    fixed-height: var(hb-param-graphic-size-function);
}

/* text and additional text */
DialpadButton[stretched][!icon][text][additionalText]{
    layout:text_additionalText_horizontal;
}

DialpadButton[stretched][!icon][text][additionalText]::text
{
    left: -2.0un;
    font-variant:primary;
    text-height:var(hb-param-text-height-title);
    text-line-count-max:1;
    text-align:left center;
}

DialpadButton[stretched][!icon][text][additionalText]::additional-text
{
    font-variant:secondary;
    text-height:var(hb-param-text-height-secondary);
    text-line-count-max:1;    
    text-align: left center;
}

/* text and icon */
DialpadButton[stretched][icon][text][!additionalText]{
    layout:icon_text_horizontal;
}

DialpadButton[stretched][icon][text][!additionalText]::text{
    left: -2.0un;
    font-variant:primary;
    text-height:var(hb-param-text-height-title);
    text-line-count-max:1;
    text-align:left center;    
}

DialpadButton[stretched][icon][text][!additionalText]::icon{
    top: -var(hb-param-margin-gene-middle-vertical);
    bottom: var(hb-param-margin-gene-middle-vertical);
    fixed-width: var(hb-param-graphic-size-primary-small);
    fixed-height: var(hb-param-graphic-size-primary-small);    
}