fix: lock would go out of the button

src/button-card.ts

@@ -762,8 +762,8 @@ class ButtonCard extends LitElement {
           ${this._buttonContent(this._stateObj, configState, buttonColor)}
           <mwc-ripple id="ripple"></mwc-ripple>
         </ha-card>
+        ${this._getLock(lockStyle)}
       </div>
-      ${this._getLock(lockStyle)}
       ${this._config?.tooltip
         ? html`
             <span class="tooltiptext" style=${styleMap(tooltipStyleFromConfig)}>

src/styles.ts

@@ -74,6 +74,10 @@ export const styles = css`
     white-space: nowrap;
     overflow: hidden;
   }
+  #aspect-ratio {
+    position: relative;
+  }
+
   #overlay {
     align-items: flex-start;
     justify-content: flex-end;