/* Tactile primary actions. Control radius is independent of the editorial grid. */
.button,.nav-contact{--disc:40px;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;padding:6px 7px 6px 24px;border:1px solid var(--sw-control-edge);border-radius:var(--sw-control-radius);background:var(--sw-control-fill);color:var(--sw-control-text);font-size:16px;font-weight:600;line-height:1.3;text-decoration:none;box-shadow:inset 0 1px 0 #ffffff66,inset 0 -2px 3px #00000012,0 5px 14px #00000012;transition:box-shadow var(--sw-hover),transform var(--sw-press),border-color var(--sw-hover)}
.button>span[aria-hidden],.nav-contact>span[aria-hidden]{display:grid;place-items:center;flex:0 0 var(--disc);width:var(--disc);height:var(--disc);border-radius:50%;font-size:24px;line-height:1;background:linear-gradient(145deg,#ffffff26,transparent 48%),var(--sw-violet);color:var(--sw-white);border:1px solid #ffffff66;box-shadow:inset 0 0 0 3px #00000014,inset 0 2px 2px #ffffff55,0 0 0 2px #7d39eb33,0 2px 6px #00000033;transition:transform var(--sw-hover) var(--sw-ease-out),box-shadow var(--sw-hover)}
.button:hover:not(:disabled),.nav-contact:hover{background:var(--sw-control-fill);color:var(--sw-control-text);border-color:var(--sw-control-edge);box-shadow:inset 0 1px 0 #ffffff88,inset 0 -2px 3px #00000012,0 7px 18px #00000024;transform:translateY(-1px)}
.button:hover:not(:disabled)>span[aria-hidden],.nav-contact:hover>span[aria-hidden]{transform:translateX(2px);box-shadow:inset 0 0 0 3px #00000014,inset 0 2px 2px #ffffff55,0 0 0 3px #7d39eb33,0 0 12px #7d39eb55}
.button:active:not(:disabled),.nav-contact:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #00000033}
.button:focus-visible,.nav-contact:focus-visible{outline:3px solid var(--sw-focus);outline-offset:4px;box-shadow:0 0 0 3px var(--sw-surface)}
.button.secondary{background:transparent;color:var(--sw-text);border-color:var(--sw-control-border);box-shadow:inset 0 1px 0 #ffffff22}
.button.secondary:hover:not(:disabled){background:var(--sw-panel);color:var(--sw-text);border-color:var(--sw-control-border)}
.button:disabled{background:var(--sw-disabled);color:var(--sw-disabled-text);border-color:var(--sw-border);box-shadow:none;transform:none}
.button:disabled>span[aria-hidden]{background:var(--sw-disabled);color:var(--sw-disabled-text);border-color:var(--sw-control-border);box-shadow:none}
.desktop-navigation .nav-contact{--disc:34px;min-height:48px;padding:5px 6px 5px 20px;gap:20px;font-size:15px}.desktop-navigation .nav-contact>span{font-size:22px}
.theme-light .nav-contact>span{color:var(--sw-white)}
@media(max-width:699px){.button{width:100%;gap:20px}.navigation nav>.nav-contact{display:inline-flex;width:fit-content;min-width:190px;border:1px solid var(--sw-control-edge);padding:6px 7px 6px 22px;font-size:18px;margin-top:20px;gap:24px}.navigation nav>.nav-contact>span{font-size:24px}.draft-actions .button{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.button,.nav-contact,.button>span,.nav-contact>span{transition:none!important;transform:none!important}}
@media(forced-colors:active){.button,.nav-contact{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none}.button>span[aria-hidden],.nav-contact>span[aria-hidden]{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none}}