.wbe-flip-box{--wbe-flip-front-bg:#667eea;--wbe-flip-front-color:#fff;--wbe-flip-back-bg:#764ba2;--wbe-flip-back-color:#fff;--wbe-flip-height:300px;--wbe-flip-radius:12px;--wbe-flip-shadow:none;--wbe-flip-transition:0.6s;--wbe-flip-btn-bg:hsla(0,0%,100%,.2);--wbe-flip-btn-border:hsla(0,0%,100%,.6);cursor:pointer;display:block;height:var(--wbe-flip-height);perspective:1200px;width:100%}.wbe-flip-box__inner{border-radius:var(--wbe-flip-radius);box-shadow:var(--wbe-flip-shadow);height:100%;position:relative;transform-style:preserve-3d;transition:transform var(--wbe-flip-transition) ease;width:100%}.wbe-flip-box--horizontal.is-flipped .wbe-flip-box__inner,.wbe-flip-box--horizontal:focus-within .wbe-flip-box__inner,.wbe-flip-box--horizontal:hover .wbe-flip-box__inner{transform:rotateY(180deg)}.wbe-flip-box--vertical.is-flipped .wbe-flip-box__inner,.wbe-flip-box--vertical:focus-within .wbe-flip-box__inner,.wbe-flip-box--vertical:hover .wbe-flip-box__inner{transform:rotateX(180deg)}.wbe-flip-box:focus-visible{border-radius:var(--wbe-flip-radius,12px);outline:2px solid var(--wbe-flip-front-bg,#667eea);outline-offset:4px}.wbe-flip-box__back,.wbe-flip-box__front{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--wbe-flip-radius);display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;overflow:hidden;padding:32px 24px;position:absolute;text-align:center}.wbe-flip-box__front{background-color:var(--wbe-flip-front-bg);color:var(--wbe-flip-front-color)}.wbe-flip-box--horizontal .wbe-flip-box__back{background-color:var(--wbe-flip-back-bg);color:var(--wbe-flip-back-color);transform:rotateY(180deg)}.wbe-flip-box--vertical .wbe-flip-box__back{background-color:var(--wbe-flip-back-bg);color:var(--wbe-flip-back-color);transform:rotateX(180deg)}.wbe-flip-box__icon{display:block;font-size:2.5rem;line-height:1}.wbe-flip-box__title{color:inherit;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0}.wbe-flip-box__description{color:inherit;font-size:.9rem;line-height:1.6;margin:0;opacity:.9}.wbe-flip-box__btn{background:var(--wbe-flip-btn-bg);border:1px solid var(--wbe-flip-btn-border);border-radius:999px;color:inherit;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:600;margin-top:8px;padding:10px 24px;text-decoration:none;transition:background .2s ease,opacity .2s ease}.wbe-flip-box__btn:hover{background:hsl(0 0% 100% / .35);opacity:1}.wbe-flip-box__btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media (prefers-reduced-motion:reduce){.wbe-flip-box__inner{transition:none}}@media (max-width:1024px){.wbe-flip-box{--wbe-flip-height:calc(var( --wbe-flip-height, 300px )*0.9)}}@media (max-width:640px){.wbe-flip-box{height:max(calc(var( --wbe-flip-height, 300px )*.8),220px)}.wbe-flip-box__title{font-size:1.1rem}.wbe-flip-box__description{font-size:.85rem}}