diff --git a/assets/css/components.css b/assets/css/components.css index 1edd979..45bc34a 100755 --- a/assets/css/components.css +++ b/assets/css/components.css @@ -2089,4 +2089,38 @@ html, body { margin-top: var(--space-4); transition: gap var(--transition); } + +/* --- Floating Call / SMS ---------------------------------- */ +.float-cta { + position: fixed; + bottom: 1.5rem; + right: 1.5rem; + z-index: 900; + display: flex; + flex-direction: column; + gap: .65rem; +} +.float-cta a { + display: flex; + align-items: center; + justify-content: center; + width: 3.25rem; + height: 3.25rem; + border-radius: 50%; + box-shadow: 0 4px 16px rgba(0,0,0,.35); + transition: transform .18s ease, box-shadow .18s ease; + text-decoration: none; +} +.float-cta a:hover, +.float-cta a:focus-visible { + transform: scale(1.1); + box-shadow: 0 6px 22px rgba(0,0,0,.45); +} +.float-cta__call { background: var(--amber); } +.float-cta__sms { background: #25a244; } +.float-cta a svg { + width: 1.5rem; + height: 1.5rem; + fill: #fff; +} .card--service:hover .card-link { gap: var(--space-3); } diff --git a/src/api/components/_footer.php b/src/api/components/_footer.php index 9d717f1..46965db 100755 --- a/src/api/components/_footer.php +++ b/src/api/components/_footer.php @@ -97,6 +97,15 @@ +
+