Lovelace: Advanced calendar card

Hello, is it possible to edit color for day, time and place depending on which calender it is? I use 3 different calenders…

I’m embedding this card in custom button card, but then card_mod: does not work as it’s embedded , please suggest if possible to make it work with custom button card?

Card code:
type: grid
cards:
  - type: custom:button-card
    aspect_ratio: 1/1.05
    styles:
      card:
        - font-weight: bold
        - box-shadow: inset 0 0 0 1px black
        - filter: drop-shadow(0 0 1px black)
        - text-shadow: 0 0 1px black
        - background: linear-gradient(#444444,#333333,#222222)
      custom_fields:
        cal:
          - pointer-events: none
          - filter: drop-shadow(0 0 1px black)
          - position: absolute
          - top: "-10%"
          - left: "-10%"
          - width: 120%
          - font-size: 50%
          - "--card-background-color": rgba(0, 0, 0, 0.0)
          - "--ha-card-background": rgba(0, 0, 0, 0.0)
          - "--ha-card-box-shadow": rgba(0, 0, 0, 0.0)
    custom_fields:
      cal:
        card:
          type: custom:atomic-calendar-revive
          entities:
            - entity: calendar.local
              icon: mdi:home-assistant
              color: cyan
          eventDateFormat: ddd D MMM
          refreshInterval: 60
          maxDaysToShow: 365
          disableEventLink: true
          disableLocationLink: true
          showRelativeTime: false
          showLoader: false
          showLocation: false
          compactMode: true
          showHours: true
          hoursOnSameLine: true
          allDayBottom: true
          showEventIcon: true
          card_mod:
            style: |
              .single-event-container {
                grid-template-columns: 1fr 1fr !important;
              }