:host,:root {
    --radius-sm: 0.35rem;
    --radius-md: 0.65rem;
}

.service-card {
    box-shadow: inset 0 1px 1px 
        color-mix(in oklab, rgb(var(--color-400) / 1) 12.5%, transparent), 0 1px 2px 
        color-mix(in oklab, rgb(var(--color-900) / 1) 12.5%, transparent), 0px 3px 6px 
        color-mix(in oklab, rgb(var(--color-900) / 1) 2%, transparent) !important;
    border: solid 1px
        color-mix(in oklab, rgb(var(--color-400) / 1) 5%, transparent);
   }
}

.service-card:hover {}

.service-card:active {
    scale: 0.985 !important;
}