.elementor .btn-line{display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 18px; border-radius: 999px; font: 500 15px/1 var(--face); text-decoration: none; cursor: pointer; border: 1px solid transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s; border-color: var(--line); background: var(--paper); color: var(--ink); &:hover { border-color: var(--ink); }\n}.elementor .frame{padding: 0; position: relative; max-width: var(--frame); margin-inline: auto; border-inline: 1px dashed var(--line); background: var(--paper);\n}.elementor .rule{padding: 0; max-width: none; position: relative; height: 1px; background-image: linear-gradient(90deg, var(--line) 50%, transparent 50%); background-size: 16px 1px; &::before { content: ""; position: absolute; z-index: 1; top: -5px; width: 9px; height: 9px; border: 1px solid var(--line); border-radius: 50%; background: var(--node); } &::after { content: ""; position: absolute; z-index: 1; top: -5px; width: 9px; height: 9px; border: 1px solid var(--line); border-radius: 50%; background: var(--node); } &::before { left: calc(50% - var(--frame) / 2 - 5px); } &::after { right: calc(50% - var(--frame) / 2 - 5px); } @media (max-width: 1232px) { &::before { display: none; } } @media (max-width: 1232px) { &::after { display: none; } } &::before { box-sizing: content-box; } &::after { box-sizing: content-box; }\n}.elementor .head{text-align: center; padding: 96px 20px 40px; & h2 { font-size: clamp(32px, 4vw, 52px); line-height: 1.08; } & p { color: var(--ink-2); font-size: 18px; margin-top: 14px; } & .eyebrow { font: 500 13px/1 var(--mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--signal-ink); margin-bottom: 18px; }\n}.elementor .eyebrow{font: 500 13px/1 var(--mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--signal-ink); margin-bottom: 18px;\n}