:root{--color-primary:#000;--color-secondary:#4e525d;--color-text-muted:#4e525d;--color-bg-icon:#f4f3ef;--color-border:#e2e8f0;--color-white:#fff;--color-btn-active-bg:#4e525d;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}.portfolio-view-all{box-sizing:border-box;color:#2e3037;width:112px;height:40px;font-family:"Oak Sans", var(--font-family);border:1.5px solid #2e3037;border-radius:30px;justify-content:center;align-items:center;padding:9px 14px;font-size:17px;font-style:normal;font-weight:600;line-height:120%;text-decoration:none;transition:all .2s;display:inline-flex}.portfolio-view-all:hover{color:var(--color-white);background-color:#2f3134;border-color:#2f3134}.portfolio-view-all:active{color:var(--color-white);background-color:#000;border-color:#000}.portfolio-view-all--mobile{text-transform:uppercase;border-radius:24px;width:104px;height:38px;padding:0 14px;font-size:13px}.portfolio-direction-button{border:1px solid var(--color-border);background-color:var(--color-white);cursor:pointer;width:44px;height:44px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.portfolio-direction-button:hover{border-color:var(--color-primary);background-color:var(--color-bg-icon)}