.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:8px 16px;border-radius:40px;background:#e11d2e;color:#fff;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-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%}