.productivity-problems__header{text-align:center;max-width:640px;margin:0 auto 64px}.productivity-problems__heading{margin:8px 0 12px;font-family:var(--font-heading-family)}.productivity-problems__subheading{margin:0;font-size:16px;color:rgba(var(--color-foreground),.65)}.productivity-problems__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.productivity-problems__card{display:flex;flex-direction:column;padding:40px 32px;border-radius:16px;border:1px solid rgba(var(--color-foreground),.08);background:rgb(var(--color-background));transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease}.productivity-problems__card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000012;border-color:rgba(var(--color-foreground),.14)}.productivity-problems__icon{width:40px;height:40px;margin-bottom:24px;color:#a67c52}.productivity-problems__icon svg{width:100%;height:100%}.productivity-problems__title{margin:0 0 10px;font-family:var(--font-heading-family);font-size:21px;font-weight:500}.productivity-problems__description{margin:0 0 24px;font-size:15px;line-height:1.6;color:rgba(var(--color-foreground),.7)}.productivity-problems__solution{margin:0 0 28px;padding-top:20px;border-top:1px solid rgba(var(--color-foreground),.08)}.productivity-problems__solution-label{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#a67c52;margin-bottom:6px}.productivity-problems__solution-text{margin:0;font-size:14px;line-height:1.55;color:rgba(var(--color-foreground),.85)}.productivity-problems__btn{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;letter-spacing:.02em;color:rgb(var(--color-foreground));text-decoration:none;transition:opacity .25s ease}.productivity-problems__btn svg{width:14px;height:14px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.productivity-problems__btn:hover{opacity:.65}.productivity-problems__btn:hover svg{transform:translate(4px)}@media screen and (max-width:989px){.productivity-problems__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.productivity-problems__grid{grid-template-columns:1fr;gap:20px}.productivity-problems__header{margin-bottom:40px}.productivity-problems__card{padding:32px 24px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/productivity-problems.css.map */