fix toast action button style applying

src/index.tsx

@@ -2,7 +2,6 @@
 
 import React from 'react';
 import ReactDOM from 'react-dom';
-
 import { getAsset, Loader } from './assets';
 import { useIsDocumentHidden } from './hooks';
 import { toast, ToastState } from './state';
@@ -428,7 +427,7 @@ const Toast = (props: ToastProps) => {
             <button
               data-button
               data-action
-              style={toast.actionButtonStyle || actionButtonStyle}
+              style={toast.actionButtonStyle || actionButtonStyle || toast.action?.actionButtonStyle}
               onClick={(event) => {
                 // We need to check twice because typescript
                 if (!isAction(toast.action)) return;
@@ -747,3 +746,4 @@ const Toaster = (props: ToasterProps) => {
 };
 export { toast, Toaster, type ExternalToast, type ToastT, type ToasterProps, useSonner };
 export { type ToastClassnames, type ToastToDismiss, type Action } from './types';
+