.bn-wrap{position:relative}
.bn-card{position:relative;box-sizing:border-box;min-height:320px;padding:90px 32px 40px;border-radius:28px;background:#1d2b64;color:#fff;text-align:center}
.bn-card *{box-sizing:border-box}
.bn-title{margin:0 0 10px;color:#fff}
.bn-desc{margin:0;color:#fff;line-height:1.9}
.bn-img img{display:block;max-width:100%;height:auto;margin:0 auto 16px}
.bn-tpl{margin-top:16px;text-align:initial}

.bn-slot{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box}

/* دکمه: span یا a با ریست کامل تا استایل قالب اثر نکند */
.bn-wrap .bn-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:0;border-radius:0;color:inherit;font-size:18px;line-height:1;font-weight:700;white-space:nowrap;
  cursor:pointer;text-decoration:none;transition:background-color .2s,color .2s}
.bn-wrap .bn-btn.icon-only{width:44px;height:44px;padding:0;border-radius:50%}
.bn-wrap .bn-btn svg{width:1em;height:1em;fill:currentColor}
.bn-wrap .bn-btn i{line-height:1}
.bn-wrap .bn-ico{display:inline-flex;align-items:center;justify-content:center;line-height:0}
.bn-wrap .bn-ico svg{width:1em;height:1em}
.bn-wrap .bn-btn:focus-visible{outline:2px solid #0a5cff;outline-offset:3px}
.bn-wrap .bn-slot.is-v .bn-btn.has-text{writing-mode:vertical-rl}

/* لایه‌ی سراسری برای محتوای برش‌های کانتینر (بیرون از کانتینر تا ماسک آن را نبُرد) */
.bn-wrap.bn-layer{position:absolute;left:0;top:0;width:0;height:0;overflow:visible;z-index:2147483000;pointer-events:none}
.bn-layer .bn-slot{pointer-events:auto}
.bn-wrap .bn-svg{display:inline-block;width:1em;height:1em;background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}

/* برآمدگی رنگی «حالت بیرونی» */
.bn-layer .bn-out{position:absolute;display:block;pointer-events:none;line-height:0}
.bn-layer .bn-out svg{display:block;width:100%;height:100%}

/* Source markup must never be visible: the JS moves its children to #bn-layer. */
.bn-php-slots{display:none!important}
/* Reset inherited theme button decoration without imposing a new background color. */
#bn-layer .bn-btn{background-image:none;box-shadow:none}
#bn-layer .bn-btn.has-text{min-width:0;min-height:0}
#bn-layer .bn-txt{background:none;border:0;box-shadow:none;padding:0;margin:0}