Lovelace, button-Größe ändern

Hi,

möchte meine Codeeingabe für mein Handy optimieren und habe mir ein Dashboard gebastelt, welches dann auf meinem Handy läuft. Leider bekomme ich den Rahmen um meine Zahlen nicht größer, kann mir hier jemand helfen? Danke im Voraus … war ein langer Tag und mein Kopf funktioniert grad wohl nicht auf 100%

states: []
type: alarm-panel
entity: alarm_control_panel.zuhause_alarm
name: Deaktivierungscode
card_mod:
  style: |
    ha-card { 
          --paper-input-container-shared-input-style_-_font-size: 2.5rem;
          --keypad-font-size: 9.5rem;
          --mdc-typography-button-font-size: 1rem;
          --mdc-button-outline-color: rgba(100, 100, 100, .1);
          --paper-font-subhead_-_font-size: 1.5rem;

        }
        #keypad {
          width: 40%;
          max-width: 800px !important;
        }
        #keypad mwc-button {
          border-radius: 50px;
        }
        mwc-button.numberkey {
          border-color: rgba(100,100,100,.1);
          border-width: 2px;
          border-style: solid;
        }
        #keypad mwc-button:hover {
          background: rgba(100,100,100,.2);
        }
        #keypad mwc-button {
          padding: 50px !important;
          margin: 7px;
          width: 30%;
          box-sizing: border-box;
          height: 150px;
        }
        paper-input {
            max-width: 300px !important;
        }

          --keypad-font-size: 9.5rem;

hier würde ich sogar gerne noch höher gehen, aber das kann ich dann ja später noch anpassen

Hat jemand sonst eine andere Idee?