/** Shopify CDN: Minification failed

Line 333:0 Unexpected "<"
Line 517:1 Expected "}" to go with "{"

**/
/* =========================
   SCL COMPLETE BASE.CSS
   BLACK + CHROME THEME
========================= */

html,
body,
.gradient{
  background:#000!important;
  color:#fff!important;
  font-family:Arial,sans-serif;
  letter-spacing:.2px;
}

/* =========================
   HEADER
========================= */

.header-wrapper,
.shopify-section-header-sticky{
  background:#000!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important; }

.header{
  background:#000!important;
  padding:22px 42px!important;
  min-height:92px;
}

.header *{
  background:transparent!important;
}

.header__heading-link{
  color:#fff!important;
  text-transform:uppercase;
  font-weight:900!important;
  letter-spacing:1px;
  font-size:30px!important;
  line-height:.92;
  text-decoration:none!important;
}

.header__menu{
  gap:18px;
}

.header__menu-item{
  color:#d9d9d9!important;
  text-transform:uppercase;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:1.5px;
  transition:.25s ease;
}

.header__menu-item:hover,
.list-menu__item--active{
  color:#fff!important;
  text-decoration:underline;
  text-underline-offset:8px;
}

/* =========================
   CHROME ICONS
========================= */

.header__icon svg,
.header__icon path,
.header__icon line,
.header__icon circle,
.header__icon rect,
svg.icon,
svg.icon path{
  stroke:#d9d9d9!important;
  fill:#d9d9d9!important;
  color:#d9d9d9!important;
}

.header__icon:hover svg,
.header__icon:hover path{
  stroke:#fff!important;
  fill:#fff!important;
}

.cart-count-bubble{
  background:#d9d9d9!important;
  color:#000!important;
  border:none!important;
  font-weight:900;
}

/* =========================
   ANNOUNCEMENT BAR
========================= */

.announcement-bar{
  background:#000!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important; }

.announcement-bar__message{
  color:#fff!important;
  text-transform:uppercase;
  letter-spacing:3px;
  font-size:11px!important;
  font-weight:900!important;
}

/* =========================
   HERO
========================= */

.banner,
.image-banner,
.slideshow{
  background:#000!important;
}

.banner__box{
  background:transparent!important;
  max-width:1200px!important;
}

.banner__heading{
  color:#fff!important;
  text-transform:uppercase;
  font-size:clamp(70px,10vw,170px)!important;
  line-height:.88!important;
  letter-spacing:2px!important;
  font-weight:900!important;
}

.banner__text{
  color:#cfcfcf!important;
  text-transform:uppercase;
  letter-spacing:4px;
  font-size:13px!important;
}

/* =========================
   BUTTONS
========================= */

.button,
.shopify-payment-button__button,
.product-form__submit{
  background:#fff!important;
  color:#000!important;
  border:1px solid rgba(255,255,255,.3)!important;
  border-radius:0!important;
  text-transform:uppercase;
  font-weight:900!important;
  letter-spacing:1px;
  min-height:56px;
  padding:0 34px!important;
  transition:.25s ease;
}

.button--secondary{
  background:transparent!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.3)!important; }

.button:hover,
.product-form__submit:hover{
  opacity:.86;
  transform:translateY(-2px);
}

/* =========================
   GLOBAL SECTIONS
========================= */

.section,
.shopify-section,
.collection,
.featured-collection,
.rich-text,
.multicolumn,
.product,
.product-grid,
.footer{
  background:#000!important;
  color:#fff!important;
}

/* =========================
   PRODUCT CARDS
========================= */

.card,
.card__content,
.card__inner,
.product-card-wrapper{
  background:linear-gradient(145deg,#0b0b0b,#000)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  transition:.3s ease;
}

.card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 0 35px rgba(255,255,255,.05); }

.card__heading,
.card__heading a,
.price,
.price-item{
  color:#fff!important;
  font-weight:800!important;
}

/* =========================
   PRODUCT PAGE
========================= */

.product__title,
.product__title h1{
  color:#fff!important;
}

.product__description,
.product__text,
.product__info-container{
  color:#cfcfcf!important;
}

/* =========================
   FORMS
========================= */

input,
textarea,
select,
.field__input,
.search__input{
  background:#0b0b0b!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.15)!important; }

label,
.field__label{
  color:#cfcfcf!important;
}

.quantity,
.quantity__input,
.quantity__button{
  background:#0b0b0b!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
}

/* =========================
   DRAWERS / SEARCH
========================= */

.drawer,
.menu-drawer,
.cart-drawer,
.predictive-search,
.search-modal{
  background:#000!important;
  color:#fff!important;
}

.menu-drawer__menu-item,
.cart-item__name,
.predictive-search__item-heading{
  color:#fff!important;
}

/* =========================
   FOOTER
========================= */

.footer{
  border-top:1px solid rgba(255,255,255,.08)!important; }

.footer *,
.footer a{
  color:#cfcfcf!important;
}

.footer a:hover{
  color:#fff!important;
}

/* =========================
   MOBILE
========================= */

@media screen and (max-width:749px){

  .header{
    padding:18px 20px!important;
    min-height:74px;
  }

  .header__heading-link{
    font-size:22px!important;
  }

  .header__menu-item{
    font-size:12px!important;
  }

  .banner__heading{
    font-size:clamp(48px,15vw,82px)!important;
    line-height:.92!important;
  }

  .banner__text{
    font-size:11px!important;
    letter-spacing:2px;
  }

  .button{
    width:100%;
    max-width:300px;
  }

  .card:hover{
    transform:none;
  }
}
<div class="scl-links">

  <a href="https://t.me/+qykbjtk05vtlYTBl"
     target="_blank"
     rel="noopener"
     class="scl-btn scl-main">
     JOIN CHANNEL
  </a>

  <a href="https://t.me/+D6Pznal6_04xMzA1"
     target="_blank"
     rel="noopener"
     class="scl-btn scl-outline">
     JOIN COMMUNITY
  </a>

</div>

<style>

.scl-links{
  display:flex;
  gap:14px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
}

.scl-btn{
  display:inline-block;

  padding:16px 30px;

  text-decoration:none;

  font-size:12px;
  font-weight:900;

  letter-spacing:1.5px;
  text-transform:uppercase;

  transition:.25s ease;
}

.scl-main{
  background:#ffffff;
  color:#000000;
  border:1px solid #ffffff;
}

.scl-outline{
  background:transparent;
  color:#ffffff;
  border:1px solid rgba(255,255,255,.30);
}

.scl-btn:hover{
  transform:translateY(-2px);
  opacity:.86;
}

@media(max-width:749px){

  .scl-links{
    flex-direction:column;
    width:100%;
  }

  .scl-btn{
    width:100%;
    max-width:290px;
    text-align:center;
  }



.header__heading-link{
  color:#fff!important;
  font-size:32px!important;
  font-weight:900!important;
  letter-spacing:.5px!important;
  text-decoration:none!important;
}

.header__inline-menu{
  justify-self:center!important;
}

.header__menu-item{
  color:#aaa!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.6px!important;
  padding:0 18px!important;
}

.header__menu-item:hover{
  color:#fff!important;
}

.header__icons{
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:30px!important;
  min-width:190px!important;
}

.header__icons *{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}

.header__search,
details-modal.header__search{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  overflow:visible!important;
}

.header__icon,
.header__icon--account,
.header__icon--cart{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}

.header__icon span,
.header__icon .visually-hidden,
.header__search span:not(.svg-wrapper){
  display:none!important;
}

.header__icon svg,
.header__search svg{
  width:24px!important;
  height:24px!important;
  stroke:#c0c0c0!important;
  fill:none!important;
}

.header__icon:hover svg,
.header__search:hover svg{
  stroke:#fff!important;
}

.cart-count-bubble{
  top:-8px!important;
  right:-10px!important;
  background:#fff!important;
  color:#000!important;
  border:1px solid #000!important;
  font-weight:900!important;
}

@media(max-width:749px){
  .header{
    padding:18px 20px!important;
    min-height:78px!important;
    grid-template-columns:1fr auto!important;
  }

  .header__heading-link{
    font-size:22px!important;
  }

  .header__inline-menu{
    display:none!important;
  }

  .header__icons{
    gap:22px!important;
    min-width:auto!important;
  }
}