body.broken-blueprint.bb-template-index #MainContent .bb-astra__copy a.sm-metallic {
  position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;
  height:46px;min-height:46px;padding:0 24px!important;min-width:220px;
  border:0!important;border-radius:100px!important;background:transparent!important;
  box-shadow:0 0 0 1px #0005,0 20px 12px #00000014,0 9px 9px #0000001f,0 2px 5px #00000026!important;
  overflow:hidden;transform:none!important;backdrop-filter:none!important;
  transition:box-shadow .15s ease;
}
body.broken-blueprint.bb-template-index #MainContent .bb-astra__copy a.sm-metallic::before,
body.broken-blueprint.bb-template-index #MainContent .bb-astra__copy a.sm-metallic::after {display:none!important}
body.broken-blueprint.bb-template-index #MainContent .bb-astra__copy .sm-metallic > span {margin:0!important;pointer-events:none;text-shadow:none!important;transform:none!important}
.sm-metallic__rim {position:absolute;inset:0;z-index:0;border-radius:100px;background:linear-gradient(130deg,#151515,#eee 28%,#252525 52%,#b8b8b8 80%,#161616);}
.sm-metallic__rim canvas {position:absolute;inset:0;display:block;width:100%!important;height:100%!important;border-radius:100px;}
.sm-metallic__face {position:absolute;inset:2px;z-index:1;border-radius:100px;background:linear-gradient(180deg,#202020,#000);transition:box-shadow .15s ease;}
body.broken-blueprint.bb-template-index #MainContent .bb-astra__copy .sm-metallic .sm-metallic__label {position:relative;z-index:2;font:400 14px/1.2 var(--font-body--family,Arial,sans-serif)!important;color:white!important;letter-spacing:.02em;text-shadow:0 1px 2px #0008!important;}
body.broken-blueprint.bb-template-index #MainContent .bb-astra__copy a.sm-metallic:hover {box-shadow:0 0 0 1px #0006,0 8px 5px #0000001a,0 4px 4px #00000026!important}
.sm-metallic:active .sm-metallic__face {box-shadow:inset 0 2px 4px #0006,inset 0 1px 2px #0005;}
body.broken-blueprint.bb-template-index #MainContent .bb-astra__copy a.sm-metallic:focus-visible {outline:2px solid #fff!important;outline-offset:4px;overflow:visible;}
.sm-metallic__ripple {position:absolute;z-index:3;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#fff6,transparent 70%);animation:sm-metallic-ripple .6s ease-out forwards;}
@keyframes sm-metallic-ripple {from{translate:-50% -50%;scale:0;opacity:.6}to{translate:-50% -50%;scale:4;opacity:0}}
@media(prefers-reduced-motion:reduce){.sm-metallic,.sm-metallic *{transition:none!important;animation:none!important}}