/* GoldenSubmarine shared CTA component 8.3.7
   HOME + RELATED. Mirrors the "Zobacz na blogu" button. */
.gs-unified-cta{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  width:auto !important;
  max-width:calc(100% - 24px) !important;
  min-height:34px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:8px 10px !important;
  border:1px solid #151922 !important;
  border-radius:4px !important;
  background:#fff !important;
  color:#151922 !important;
  text-decoration:none !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-align:center !important;
  white-space:nowrap !important;
  transition:color .32s ease,border-color .32s ease !important;
}
.gs-unified-cta::before{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  inset:0 !important;
  background:linear-gradient(90deg,#151922 0%,#3a3f49 50%,#151922 100%) !important;
  transform:translateX(-105%) !important;
  transition:transform .42s ease !important;
}
.gs-unified-cta::after{
  content:"→" !important;
  position:relative !important;
  z-index:1 !important;
  flex:0 0 auto !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:800 !important;
  transform:translateX(3px) !important;
}
@media (hover:hover) and (pointer:fine){
  .gs-unified-cta:hover{
    color:#fff !important;
    border-color:#151922 !important;
    background:#fff !important;
  }
  .gs-unified-cta:hover::before{
    transform:translateX(0) !important;
  }
}
@media (max-width:700px){
  .gs-unified-cta{
    min-height:34px !important;
    padding:8px 10px !important;
    border-radius:4px !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    white-space:normal !important;
  }
}
@media (hover:none), (pointer:coarse){
  .gs-unified-cta:hover::before{transform:translateX(-105%) !important}
}
@media (prefers-reduced-motion:reduce){
  .gs-unified-cta,
  .gs-unified-cta::before{transition:none !important}
}