diff --git a/composer.json b/composer.json
index e1290a6..5f96686 100644
--- a/composer.json
+++ b/composer.json
@@ -17,7 +17,8 @@
   "require": {
     "php": "^8.0",
     "stoutlogic/acf-builder": "^1.11",
-    "laravel/prompts": "*"
+    "laravel/prompts": "*",
+    "spatie/once": "*"
   },
   "require-dev": {
     "laravel/pint": "^1.14",
diff --git a/src/Block.php b/src/Block.php
index ebe0273..e66e0cb 100644
--- a/src/Block.php
+++ b/src/Block.php
@@ -6,15 +6,15 @@
 use Illuminate\Support\Arr;
 use Illuminate\Support\Collection;
 use Illuminate\Support\Str;
-use Log1x\AcfComposer\Concerns\FormatsCss;
 use Log1x\AcfComposer\Concerns\InteractsWithBlade;
 use Log1x\AcfComposer\Contracts\Block as BlockContract;
+use WP_Block_Supports;
 
 use function Roots\asset;
 
 abstract class Block extends Composer implements BlockContract
 {
-    use FormatsCss, InteractsWithBlade;
+    use InteractsWithBlade;
 
     /**
      * The block properties.
@@ -416,28 +416,22 @@ public function getSupportAttributes(): array
         return $attributes;
     }
 
+    /**
+     * Retrieve the block HTML attributes.
+     */
+    public function getSupportHtmlAttributes(): array
+    {
+        return once(fn () => WP_Block_Supports::get_instance()->apply_block_supports());
+    }
+
     /**
      * Retrieve the inline block styles.
      */
     public function getInlineStyle(): string
     {
-        return $this->collect([
-            'padding' => ! empty($this->block->style['spacing']['padding'])
-                ? $this->collect($this->block->style['spacing']['padding'])
-                    ->map(fn ($value, $side) => $this->formatCss($value, $side))
-                    ->implode(' ')
-                : null,
-
-            'margin' => ! empty($this->block->style['spacing']['margin'])
-                ? $this->collect($this->block->style['spacing']['margin'])
-                    ->map(fn ($value, $side) => $this->formatCss($value, $side, 'margin'))
-                    ->implode(' ')
-                : null,
-
-            'color' => ! empty($this->block->style['color']['gradient'])
-                ? sprintf('background: %s;', $this->block->style['color']['gradient'])
-                : null,
-        ])->filter()->implode(' ');
+        $supports = $this->getSupportHtmlAttributes();
+
+        return $supports['style'] ?? '';
     }
 
     /**
@@ -445,41 +439,13 @@ public function getInlineStyle(): string
      */
     public function getClasses(): string
     {
-        $classes = $this->collect([
-            'slug' => Str::of($this->slug)->slug()->start('wp-block-')->toString(),
-
-            'className' => $this->block->className ?? null,
-
-            'align' => ! empty($this->block->align)
-                ? Str::start($this->block->align, 'align')
-                : null,
-
-            'backgroundColor' => ! empty($this->block->backgroundColor)
-                ? sprintf('has-background has-%s-background-color', $this->block->backgroundColor)
-                : null,
-
-            'textColor' => ! empty($this->block->textColor)
-                ? sprintf('has-%s-color', $this->block->textColor)
-                : null,
+        $supports = $this->getSupportHtmlAttributes();
 
-            'gradient' => ! empty($this->block->gradient)
-                ? sprintf('has-%s-gradient-background', $this->block->gradient)
-                : null,
-        ]);
-
-        if ($alignText = $this->block->alignText ?? $this->block->align_text ?? null) {
-            $classes->add(Str::start($alignText, 'align-text-'));
-        }
-
-        if ($alignContent = $this->block->alignContent ?? $this->block->align_content ?? null) {
-            $classes->add(Str::start($alignContent, 'is-position-'));
-        }
-
-        if ($this->block->fullHeight ?? $this->block->full_height ?? null) {
-            $classes->add('full-height');
-        }
-
-        return $classes->filter()->implode(' ');
+        return str_replace(
+            acf_slugify($this->namespace),
+            $this->slug,
+            $supports['class'] ?? ''
+        );
     }
 
     /**
diff --git a/src/Concerns/FormatsCss.php b/src/Concerns/FormatsCss.php
deleted file mode 100644
index 615aeb0..0000000
--- a/src/Concerns/FormatsCss.php
+++ /dev/null
@@ -1,28 +0,0 @@
-<?php
-
-namespace Log1x\AcfComposer\Concerns;
-
-use Illuminate\Support\Str;
-
-trait FormatsCss
-{
-    /**
-     * Format the given value into a CSS style.
-     *
-     * @param  string  $value
-     * @param  string  $side
-     * @param  string  $type
-     */
-    public function formatCss($value, $side, $type = 'padding'): string
-    {
-        if (! Str::startsWith($value, 'var:preset|')) {
-            return sprintf('%s-%s: %s;', $type, $side, $value);
-        }
-
-        $segments = explode('|', $value);
-
-        array_shift($segments);
-
-        return sprintf('%s-%s: var(--wp--preset--%s);', $type, $side, implode('--', $segments));
-    }
-}