:root { --radius-xl: 32px; --light: #FFFFFF; --primary-color: #ff5027; --primary-color-light: rgba(255, 80, 39, 0.08); --primary-color-medium: rgba(255, 80, 39, 0.15); --primary-border-light: rgba(255, 80, 39, 0.3); --primary-border-dark: rgba(255, 80, 39, 0.5); --primary-color-dark: #cc3f1f; --transition-speed: 0.3s; } .service-area-button { display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 10px 20px !important; background-color: var(--primary-color-light) !important; border: 1.5px solid var(--primary-border-light) !important; border-radius: 24px !important; color: var(--primary-color) !important; font-size: 15px !important; font-weight: 500 !important; cursor: pointer !important; transition: all var(--transition-speed) ease !important; text-decoration: none !important; } .service-area-button:hover { background-color: var(--primary-color-medium) !important; border-color: var(--primary-border-dark) !important; color: var(--primary-color-dark) !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(255, 80, 39, 0.15) !important; } .service-area-button:active { transform: translateY(0) !important; box-shadow: 0 2px 4px rgba(255, 80, 39, 0.1) !important; }