/* Civic landing pages - shared design system */
/* CIVIC LANDING DESIGN SYSTEM */
.civic-landing{font-family:'Droid Sans',Arial,sans-serif;color:#3e4043;font-size:15px;line-height:1.75;max-width:860px;margin:0 auto}
.civic-landing *,.civic-landing *::before,.civic-landing *::after{box-sizing:border-box}
.civic-hero{background:linear-gradient(135deg,#202abc 0%,#076aab 55%,#3695eb 100%);border-radius:12px;padding:40px 36px;margin-bottom:36px;color:#fff;position:relative;overflow:hidden}
.civic-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,0.08)}
.civic-hero h1{font-family:'Asap',sans-serif;font-weight:bold;color:#fff!important;font-size:34px;line-height:1.2;margin:0 0 14px!important;position:relative;z-index:1}
.civic-hero p{position:relative;z-index:1;color:#e7f6ff!important;font-size:16px;margin:0!important}
.civic-landing h2{font-family:'Asap',sans-serif;font-weight:bold;color:#076aab!important;font-size:25px;line-height:1.3;margin:42px 0 16px!important;padding-bottom:10px;border-bottom:3px solid #3695eb}
.civic-landing h3{font-family:'Asap',sans-serif;font-weight:bold;color:#526371!important;font-size:19px;line-height:1.4;margin:26px 0 10px!important}
.civic-landing p{margin:0 0 16px!important}
.civic-landing ul,.civic-landing ol{margin:0 0 18px 20px;padding:0}
.civic-landing li{margin-bottom:8px}
.civic-landing li::marker{color:#3695eb;font-weight:bold}
.civic-landing a{color:#076aab;text-decoration:underline;text-decoration-color:rgba(7,106,171,0.35);text-underline-offset:3px}
.civic-landing a:hover{color:#202abc;text-decoration-color:#202abc}
.civic-landing strong{color:#076aab}
.civic-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14.5px;box-shadow:0 2px 8px rgba(32,42,188,0.08);border-radius:8px;overflow:hidden}
.civic-table thead th{background:linear-gradient(135deg,#076aab,#3695eb);color:#fff;font-family:'Asap',sans-serif;font-weight:bold;text-align:left;padding:13px 16px;font-size:14px;letter-spacing:.3px}
.civic-table tbody td{padding:12px 16px;border-bottom:1px solid #e8eef4;vertical-align:top}
.civic-table tbody tr:nth-child(even){background:#f2f9ff}
.civic-table tbody tr:hover{background:#e7f6ff}
.civic-table tbody td:first-child{color:#202abc;font-weight:bold;width:32%}
.civic-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:24px 0}
.civic-card{background:#fff;border:1px solid #e2ecf7;border-left:4px solid #3695eb;border-radius:8px;padding:18px 20px;box-shadow:0 3px 10px rgba(32,42,188,0.06);transition:transform .15s ease,box-shadow .15s ease}
.civic-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(32,42,188,0.12)}
.civic-card h4{font-family:'Asap',sans-serif;color:#076aab!important;font-weight:bold;font-size:16px;margin:0 0 6px!important}
.civic-card p{margin:0!important;font-size:13.5px;line-height:1.6}
.civic-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 22px;list-style:none!important;margin:18px 0 22px!important}
.civic-features li{position:relative;padding-left:28px;margin:0;font-size:14.5px;line-height:1.5}
.civic-callout{background:#e7f6ff;border-left:4px solid #3695eb;border-radius:0 8px 8px 0;padding:16px 20px;margin:24px 0;font-size:14.5px}
.civic-callout strong{color:#076aab}
.civic-faq{margin:10px 0 26px}
.civic-faq details{border:1px solid #e2ecf7;border-radius:8px;margin-bottom:10px;background:#fff;overflow:hidden;transition:box-shadow .15s ease}
.civic-faq details:hover{box-shadow:0 4px 12px rgba(32,42,188,0.08)}
.civic-faq details[open]{border-color:#3695eb}
.civic-faq summary{font-family:'Asap',sans-serif;font-weight:bold;color:#202abc;font-size:15px;padding:14px 18px;cursor:pointer;list-style:none;position:relative;padding-right:40px}
.civic-faq summary::-webkit-details-marker{display:none}
.civic-faq details p{margin:0!important;padding:0 18px 16px;font-size:14.5px;color:#3e4043}
.civic-cta{background:linear-gradient(135deg,#076aab 0%,#3695eb 100%);border-radius:12px;padding:30px 32px;margin:36px 0 10px;color:#fff;text-align:center}
.civic-cta h2{color:#fff!important;border-bottom:none!important;margin-top:0!important;font-size:24px}
.civic-cta p{color:#e7f6ff!important;margin-bottom:18px!important}
.civic-cta ul{list-style:none!important;margin:0 0 6px!important;padding:0}
.civic-cta li{font-size:16px;margin-bottom:8px;color:#fff}
.civic-cta li strong{color:#fff}
.civic-cta a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.civic-callbtn{display:inline-block;background:#fff;color:#076aab!important;font-family:'Asap',sans-serif;font-weight:bold;font-size:16px;padding:10px 24px;border-radius:50px;text-decoration:none!important;margin-top:6px;box-shadow:0 3px 12px rgba(0,0,0,0.18);transition:transform .15s ease}
.civic-callbtn:hover{transform:scale(1.04)}
.civic-related{margin-top:40px;padding:18px 22px;border:1px dashed #b5d9f2;border-radius:10px;background:#f8fcff;font-size:14px}
.civic-related ul{margin:6px 0 0 18px!important}
.civic-related li{margin-bottom:5px}
@media(max-width:640px){.civic-landing{font-size:14px}.civic-hero{padding:28px 22px}.civic-hero h1{font-size:27px}.civic-landing h2{font-size:22px}.civic-cta{padding:24px 20px}.civic-table tbody td:first-child{width:auto}}
/* ---------- OUTLINE LINE ICONS (inline SVG, stroke only, no fill) ---------- */
.civic-features li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.8 11.1V12a9.8 9.8 0 1 1-5.8-8.95'/%3E%3Cpolyline points='21.8 4.3 12 14.1 9.1 11.2'/%3E%3C/svg%3E") no-repeat center;background-size:18px 18px}
.civic-card h4{display:flex;align-items:flex-start;gap:9px}
.civic-card h4::before{content:"";flex:0 0 20px;width:20px;height:20px;margin-top:1px;background-repeat:no-repeat;background-position:center;background-size:20px 20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.8 11.1V12a9.8 9.8 0 1 1-5.8-8.95'/%3E%3Cpolyline points='21.8 4.3 12 14.1 9.1 11.2'/%3E%3C/svg%3E")}
.civic-card.ic-heart h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8l1 1.1L12 21.2l7.8-7.7 1-1.1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E")}
.civic-card.ic-shield h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E")}
.civic-card.ic-users h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.1a4 4 0 0 1 0 7.8'/%3E%3C/svg%3E")}
.civic-card.ic-clip h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Crect x='8' y='2' width='8' height='4' rx='1'/%3E%3Cpath d='M9 12h6'/%3E%3Cpath d='M9 16h4'/%3E%3C/svg%3E")}
.civic-card.ic-home h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E")}
.civic-card.ic-clock h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E")}
.civic-card.ic-meal h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 3v6a3 3 0 0 0 6 0V3'/%3E%3Cpath d='M7 9v12'/%3E%3Cpath d='M17.5 3c-1.6 1.5-2.4 3.4-2.4 5.8 0 1.8.8 2.9 2.4 3.2V21'/%3E%3C/svg%3E")}
.civic-card.ic-pill h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 20.5l10-10a4.95 4.95 0 1 0-7-7l-10 10a4.95 4.95 0 1 0 7 7z'/%3E%3Cpath d='M8.5 8.5l7 7'/%3E%3C/svg%3E")}
.civic-card.ic-pulse h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 18 12 15 21 9 3 6 12 2 12'/%3E%3C/svg%3E")}
.civic-card.ic-tag h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4l-7.2 7.2a2 2 0 0 1-2.8 0L2 12V2h10l8.6 8.6a2 2 0 0 1 0 2.8z'/%3E%3Cpath d='M7 7h.01'/%3E%3C/svg%3E")}
.civic-card.ic-phone h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
.civic-card.ic-chat h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.4 8.4 0 0 1 3.8-.9h.5a8.5 8.5 0 0 1 8 8z'/%3E%3C/svg%3E")}
.civic-card.ic-map h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.civic-card.ic-award h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6.5'/%3E%3Cpolyline points='8.2 13.9 7 23 12 20 17 23 15.8 13.9'/%3E%3C/svg%3E")}
.civic-card.ic-smile h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 14s1.5 2 4 2 4-2 4-2'/%3E%3Cpath d='M9 9h.01'/%3E%3Cpath d='M15 9h.01'/%3E%3C/svg%3E")}
.civic-card.ic-sun h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 1v2'/%3E%3Cpath d='M12 21v2'/%3E%3Cpath d='M4.2 4.2l1.4 1.4'/%3E%3Cpath d='M18.4 18.4l1.4 1.4'/%3E%3Cpath d='M1 12h2'/%3E%3Cpath d='M21 12h2'/%3E%3Cpath d='M4.2 19.8l1.4-1.4'/%3E%3Cpath d='M18.4 5.6l1.4-1.4'/%3E%3C/svg%3E")}
.civic-card.ic-book h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E")}
.civic-card.ic-help h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E")}
.civic-card.ic-bath h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16v3a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4z'/%3E%3Cpath d='M6 12V5a2 2 0 0 1 4 0'/%3E%3Cpath d='M7 19l-1 2'/%3E%3Cpath d='M17 19l1 2'/%3E%3C/svg%3E")}
.civic-card.ic-mail h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z'/%3E%3Cpolyline points='22 6 12 13 2 6'/%3E%3C/svg%3E")}
.civic-callout{position:relative;padding-left:54px}
.civic-callout::before{content:"";position:absolute;left:19px;top:17px;width:21px;height:21px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E") no-repeat center;background-size:21px 21px}
.civic-faq summary::after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:21px;height:21px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233695eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v8'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E") no-repeat center;background-size:21px 21px;border-radius:0;color:transparent;font-size:0;line-height:0;transition:transform .15s ease}
.civic-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.civic-cta ul{display:inline-block;text-align:left;max-width:100%}
.civic-cta ul li{position:relative;padding-left:30px}
.civic-cta ul li::before{content:"";position:absolute;left:0;top:4px;width:19px;height:19px;background-repeat:no-repeat;background-position:center;background-size:19px 19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.4 8.4 0 0 1 3.8-.9h.5a8.5 8.5 0 0 1 8 8z'/%3E%3C/svg%3E")}
.civic-cta ul li:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
.civic-cta ul li:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z'/%3E%3Cpolyline points='22 6 12 13 2 6'/%3E%3C/svg%3E")}
.civic-cta ul li:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.civic-related strong{display:inline-flex;align-items:center;gap:8px}
.civic-related strong::before{content:"";width:17px;height:17px;flex:0 0 17px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23076aab' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.7 1.7'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.7-1.7'/%3E%3C/svg%3E") no-repeat center;background-size:17px 17px}
.civic-callbtn svg{vertical-align:-3px;margin-right:7px}
