Fixed missing border animation on right bottom side

Author: xSentry

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnedia/ngx-shine-border",
   "description": "A simple component library to create a container with an animated border.",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0"

src/lib/ngx-shine-border.component.html

@@ -1,4 +1,6 @@
-<div class="om-shine-border" [ngStyle]="style" [ngClass]="styleClass">
-  <div class="om-shine-border-border"></div>
-  <ng-content></ng-content>
+<div class="om-shine-border-wrapper">
+  <div class="om-shine-border" [ngStyle]="style" [ngClass]="styleClass">
+    <div class="om-shine-border-border"></div>
+    <ng-content></ng-content>
+  </div>
 </div>

src/lib/ngx-shine-border.component.scss

@@ -1,3 +1,8 @@
+.om-shine-border-wrapper {
+  overflow: hidden;
+  padding: 1px;
+}
+
 .om-shine-border {
   --color-from: #ffaa40;
   --color-middle: #fe8fb5;
@@ -10,7 +15,6 @@
   border-radius: var(--border-radius);
   border-color: var(--border-color);
   position: relative;
-  overflow: hidden;
 
   .om-shine-border-border {
     border: 1px solid transparent;
@@ -26,6 +30,7 @@
       will-change: background-position;
       border-radius: var(--border-radius);
       padding: 1px;
+      inset: 0;
 
       -webkit-mask: linear-gradient(#fff 0 0) content-box,
         linear-gradient(#fff 0 0);