/* The Create button of the Create note window (note_modal.html .nt-cta), shared by the Create file windows (office_newfile_modal.html,
   my_files_newfile.html): the CtaButton of the send.now design system in its glow ring, the light turns while the file is made (.busy) */
.cta-glow{position:relative;isolation:isolate;display:inline-flex;flex:none;padding:4px;border-radius:12px;background:rgba(96,165,250,.2);overflow:hidden;vertical-align:middle}
.cta-glow::before{content:"";position:absolute;z-index:-1;left:0;top:50%;width:100%;aspect-ratio:1/1;background:conic-gradient(from 5deg,transparent 280deg,#5996f2 360deg,transparent 361deg);opacity:0;transform:translateY(-50%);transition:opacity .2s}
.cta-glow.busy::before{opacity:1;animation:cta-glow-turn 1.4s linear infinite}
@keyframes cta-glow-turn{from{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(360deg)}}
.cta-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;margin:0;padding:6px 10px;border:0;border-radius:8px;background:#2563eb;font-size:14px;font-weight:500;line-height:20px;color:#fff;white-space:nowrap;cursor:pointer;box-shadow:0 0 0 1px #2563eb,inset 0 1px 1px 0 rgba(255,255,255,.32),0 1px 3px 0 rgba(17,24,39,.2);transition:background-color 150ms ease-out,transform 150ms ease-out}
.cta-btn:hover{background:#1d4ed8;color:#fff}
.cta-btn:active{background:#1e40af;transform:translateY(1px)}
.cta-btn:focus{outline:0}
.cta-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
.cta-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.cta-btn svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cta-btn .spinner-border{width:14px;height:14px;border-width:2px}
.cta-btn .spinner-border:not([hidden])+svg{display:none}
.cta-ghost{display:inline-flex;align-items:center;height:36px;padding:0 14px;border:0;background:none;font-size:14px;font-weight:500;color:#596882;cursor:pointer}
.cta-ghost:hover{color:#2563eb}
@media (prefers-color-scheme:dark){.cta-ghost{color:#97a3b9}.cta-ghost:hover{color:#7fb2ff}}
@media (prefers-reduced-motion:reduce){.cta-glow.busy::before{animation:none}.cta-btn{transition:none}.cta-btn:active{transform:none}}