Climate card add up and down buttons

I have two questions:
How can I add up and down buttons (- +) in the climate card if I want a smaller card
and how to change the button color and icon? As in the picture.
My card:

type: thermostat
entity: climate.temp_s
show_current_as_primary: true
features:
  - style: icons
    hvac_modes:
      - 'off'
      - heat_cool
    type: climate-hvac-modes
theme: noctis
name: Temp
card_mod:
  style:
    .: |
      ha-icon-button { display: none !important; }
    ha-state-control-climate-temperature:
      $: |
        .label:nth-of-type(1) { display: none !important; }
        .label:nth-of-type(2) {
                font-size: 28px !important;
                font-weight: 300;