Tweak styles

godaddy-wordpress · Jan 18, 2024 · 66fed32 · 66fed32
1 parent 49acc30
commit 66fed32
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/.dev/assets/design-styles/trendy/css/blocks/button.scss b/.dev/assets/design-styles/trendy/css/blocks/button.scss
@@ -3,6 +3,7 @@
 .wp-block-button__link:not(.wp-block-coblocks-social__button) {
 	box-shadow: 0.4em 0.4em 0 0 rgba(0, 0, 0, 0.075);
 	overflow: hidden;
+	transition: width 200ms cubic-bezier(0.7, 0, 0.3, 1);
 
 	&::after {
 		content: "→";
@@ -11,7 +12,8 @@
 		overflow: hidden;
 		position: relative;
 		top: 1px;
-		transition: width 100ms cubic-bezier(0.7, 0, 0.3, 1) 100ms, opacity 200ms cubic-bezier(0.7, 0, 0.3, 1), margin 200ms cubic-bezier(0.7, 0, 0.3, 1) 100ms;
+		transition: max-width 200ms cubic-bezier(0.7, 0, 0.3, 1), opacity 200ms cubic-bezier(0.7, 0, 0.3, 1), margin 100ms cubic-bezier(0.7, 0, 0.3, 1) 100ms;
+		max-width: 0;
 		width: 0;
 	}
 
@@ -21,7 +23,8 @@
 		&::after {
 			margin-left: 10px;
 			opacity: 1;
-			width: 20px;
+			max-width: 300px;
+			width: auto;
 		}
 	}
 }