﻿.quick-actions > .quick-action {
 position:relative;isolation:isolate;box-sizing:border-box;width:195px;height:56px;min-height:56px;text-decoration:none;font-family:inherit;
 display:flex;align-items:center;gap:8px;padding:10px 10px 10px 42px;
 max-width:calc(100vw - 46px);border:1px solid #ffffff30!important;
 border-radius:6px 24px 24px 24px;background:linear-gradient(125deg,#163653,#071b31 70%);
 color:#fff;text-align:left;cursor:pointer;box-shadow:0 16px 38px #071b3140;
 transition:transform .25s ease,box-shadow .25s ease;
}
.quick-action::after{content:"";position:absolute;left:60px;right:62px;bottom:0;height:2px;background:linear-gradient(90deg,#ffb56b,#ff7439,transparent)}
.quick-action:hover{color:#fff;transform:translateY(-4px);box-shadow:0 22px 42px #071b3160}
.quick-action:active{transform:translateY(-1px)}
.quick-action:focus-visible{outline:3px solid #ff873e;outline-offset:6px}
.quick-action .quick-service-icon{position:absolute;left:-10px;top:50%;display:grid;place-items:center;box-sizing:border-box;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#ffbd72,#ff7937 65%);color:#11293f;transform:translateY(-50%) rotate(-9deg);border:3px solid #fff;box-shadow:0 7px 18px #071b3135}
.quick-action .quick-service-icon{transform-origin:center;animation:service-icon-sway .65s ease-in-out infinite alternate}
.quick-action .quick-service-icon svg{width:24px;height:24px;transform:rotate(9deg)}
.quick-action .quick-service-icon::after{content:"";position:absolute;inset:-7px;border:1px solid #ff9a5580;border-radius:26px;animation:service-call-ring 4.5s ease-out infinite;pointer-events:none}
.quick-action .quick-service-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.quick-action .quick-service-copy small{order:-1;font-size:8px;font-weight:700;letter-spacing:1px;line-height:1.5;color:#ffc18c;text-transform:uppercase}
.quick-action strong{font-size:16px;letter-spacing:-.6px;font-weight:800;line-height:1.2;white-space:nowrap}
.quick-action .quick-service-arrow{box-sizing:border-box;width:28px;height:28px;flex-shrink:0;padding:6px;border-radius:50%;background:#fff;color:#163653;transition:transform .25s ease}
.quick-action:hover .quick-service-arrow{transform:rotate(-35deg)}
@keyframes service-call-ring{0%,70%{opacity:0;transform:scale(.94)}75%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.25)}}
@keyframes service-icon-sway{from{transform:translateY(-50%) rotate(-22deg)}to{transform:translateY(-50%) rotate(14deg)}}
 .quick-actions{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:9999;display:flex;flex-direction:column;gap:16px;align-items:flex-end}
.quick-action .quick-service-arrow{margin-left:auto}
.quick-action--provider{background:linear-gradient(125deg,#187d77,#0b494d 75%)}
.quick-action--provider .quick-service-icon{background:linear-gradient(145deg,#a0f2dc,#46cfb3);color:#084d49;animation:none}
.quick-action--provider .quick-service-icon::after{animation:none;border-color:#68d9bf80}
.quick-action--provider .quick-service-icon img.quick-provider-hat{position:absolute;left:-18px;top:-25px;width:73px;height:51px;transform:rotate(-5deg);overflow:visible;filter:drop-shadow(0 2px 2px #71450030);pointer-events:none;z-index:2}
@media(max-width:575px){.quick-action--provider .quick-service-icon img.quick-provider-hat{width:48px;height:32px;top:-19px}}
.quick-action--provider .quick-service-copy small{color:#b8f4e5}
.quick-action--provider::after{background:linear-gradient(90deg,#8be6d0,#46cfb3,transparent)}
.quick-action--provider:focus-visible{outline-color:#46cfb3}
@media(max-width:575px){.quick-actions{right:14px;bottom:calc(16px + env(safe-area-inset-bottom,0px));gap:14px}.quick-action{width:195px;min-height:56px;padding:10px 10px 10px 42px;gap:8px}.quick-action strong{font-size:16px}.quick-action .quick-service-icon{width:40px;height:40px;border-radius:13px;left:-10px}.quick-action .quick-service-copy small{font-size:8px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.quick-action,.quick-action .quick-service-arrow{transition:none}.quick-action .quick-service-icon::after{animation:none;opacity:0}.quick-action .quick-service-icon{animation:none}}
