:root{--bf-black:#1A1A1A;--bf-black-deep:#0F0F0F;--bf-bg:#F5F5F3;--bf-white:#f2f2f2}.blkfog-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:20px 48px;border:1.5px solid var(--bf-black);background:transparent;color:var(--bf-black);font-weight:600;font-size:1.4rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease,transform 0.2s ease}.blkfog-button:active{transform:translateY(1px)}.blkfog-button .arrow{display:inline-block;transform:rotate(-45deg) translateY(-1px);transition:transform 0.3s cubic-bezier(.4,0,.2,1)}.blkfog-button:hover,.blkfog-button:focus-visible{background-color:var(--bf-black);color:var(--bf-bg);border-color:var(--bf-black)}.blkfog-button:hover .arrow,.blkfog-button:focus-visible .arrow{transform:rotate(0deg)}.blkfog-button--hero{margin-top:26px}.blkfog-button--about{margin-top:0}.blkfog-button--product{margin-top:3vh;margin-bottom:3vh}.blkfog-button--white{border:1.5px solid var(--bf-white);background:transparent;color:var(--bf-white)}.blkfog-button--white:hover,.blkfog-button--white:focus-visible{background-color:var(--bf-white);color:var(--bf-black);border-color:var(--bf-white)}.blkfog-button--white .arrow{color:inherit}.blkfog-button.blkfog-button--white,.blkfog-button.blkfog-button--white:visited{background:transparent;color:var(--bf-white);border:1.5px solid var(--bf-white)}.blkfog-button.blkfog-button--white:hover,.blkfog-button.blkfog-button--white:focus,.blkfog-button.blkfog-button--white:active,.blkfog-button.blkfog-button--white:visited:hover{background-color:var(--bf-white);color:var(--bf-black);border-color:var(--bf-white)}.bf-filter-menu button,.bf-filter-menu button:hover,.bf-filter-menu button:focus,.bf-filter-menu button:active{background:transparent!important;border:none!important;box-shadow:none!important;color:var(--bf-muted)!important}.bf-filter-menu button:hover,.bf-filter-menu button.active{color:var(--bf-black)!important}@media (max-width:768px){.blkfog-button--hero{font-size:.7rem;padding:12px 24px}}