button.yaml

---
# ______       _   _
# | ___ \     | | | |
# | |_/ /_   _| |_| |_ ___  _ __
# | ___ \ | | | __| __/ _ \| '_ \
# | |_/ / |_| | |_| || (_) | | | |
# \____/ \____|\__|\__\___/|_| |_|

# Light to control
entity: light.example
# Icon to display
icon: "mdi:lamp"
# Button actions
tap_action:
  action: toggle
  haptic: light
hold_action:
  action: more-info
  haptic: medium
styles:
  card:
    # Feel free to change the size here
    - width: min(20vw, 60px)
    - height: min(20vw, 60px)
  icon:
    - color: var(--primary-text-color)
state:
  - value: "on"
    styles:
      icon:
        - color: var(--paper-item-icon-active-color)
      card:
        - box-shadow: var(--soft-ui-pressed)
show_icon: true
show_name: false
card_mod:
  class: soft-ui
type: "custom:button-card"