.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:hsla(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}}