πŸ”Ή Card-mod - Add css styles to any lovelace card

Why does the outer card_mod applied to the entities card also affect the child elements (here: simple-clock-card GitHub - fufar/simple-clock-card: Simple clock card for Home assistant lovelace)?

border-with: 0px; is not respected here :frowning:

type: entities
title: πŸ•’ Uhrzeit
state_color: true
show_header_toggle: true
entities:
  - type: custom:simple-clock-card
    use_military: true
    hide_seconds: false
    font_size: 1.5rem
    paddingLeft_size: 10px
    paddingRight_size: 10px
    paddingTop_size: 10px
    paddingBottom_size: 10px
    card_mod:
      style: |
        ha-card {
          letter-spacing: 1px;
          border-width: 0px;
          #padding: 3px;
          margin-left: -5px;
          #text-align: right;
          #margin-top: -10px;
        }
card_mod:
  style:
    .: |
      ha-card {
        border-width: 1px;
      }

Obviously I want to remove the border from the inner card.