:root { --youcan-service: #00875f; --youcan-service-dark: #006747; }
.youcan-support { margin-block: 1rem; padding: 1.5rem; background: #fff; color: #20282b; border: 1px solid #d7e4de; border-radius: .5rem; }
.youcan-support p { margin: 0 0 1rem; line-height: 1.65; }
.youcan-support-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.youcan-support button, .youcan-support a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .75rem 1.25rem; border-radius: .25rem; font: inherit; font-weight: 600; line-height: 1.4; cursor: pointer; }
.youcan-support button { background: var(--youcan-service); color: #fff; border: 1px solid var(--youcan-service); }
.youcan-support button:hover { background: var(--youcan-service-dark); }
.youcan-support a { color: var(--youcan-service-dark); border: 1px solid var(--youcan-service-dark); background: #fff; text-decoration: none; }
.youcan-support button:focus-visible, .youcan-support a:focus-visible { outline: 3px solid #bd7200; outline-offset: 3px; }
.youcan-support-status { display: block; margin-top: .75rem; line-height: 1.5; font-size: .9375rem; }
@media (max-width: 480px) { .youcan-support { padding: 1rem; } .youcan-support-actions > * { flex: 1 1 100%; } }