.ftn-resource-card{--card-emboss: 0px 1.75px 2px -1px rgba(255, 255, 255, 0.3) inset}.ftn-resource-card .inset-container{box-shadow:0px 1.5px 2px -1px rgba(255,255,255,.25)}.ftn-resource-card .wp-block-post-title a{transition:all .3s var(--ease-material)}.ftn-resource-card:hover .wp-block-post-title a{color:var(--wp--preset--color--foreground)}.ftn-resource-card .ftn-resource-sheet-link:hover img,.ftn-resource-card .ftn-resource-sheet-link:hover::before,.ftn-resource-card .resource-image figure a:hover img,.resource-image figure .ftn-resource-card a figure a:hover img,.ftn-resource-card .resource-image figure a:hover::before,.resource-image figure .ftn-resource-card a figure a:hover::before{transform:scale(1.05)}.ftn-resource-card .ftn-resource-sheet-link:hover img,.ftn-resource-card .resource-image figure a:hover img,.resource-image figure .ftn-resource-card a figure a:hover img{filter:brightness(100%) blur(0px) contrast(85%)}.resource-image,.resource-image figure a{--transition-material: all 0.25s var(--ease-material);--transition-backout: all 0.4s var(--ease-back-out);position:relative;overflow:hidden}.resource-image figure a{background-color:#475a51;border-radius:var(--radii-inner);padding:1.75rem;box-shadow:var(--card-emboss);position:relative}.resource-image figure a::before{content:"";position:absolute;z-index:1;bottom:0;left:calc(50% - 40px);width:80px;height:30px;background:linear-gradient(180deg, #C1C1C3 0%, #D9D9DB 100%);box-shadow:0px 13px 20px -10px var(--wp--preset--color--bg-lv-1) inset;user-select:none;pointer-events:none;display:block}.resource-image figure a img,.resource-image figure a::before{transition:var(--transition-backout)}.resource-image figure a img{position:relative;z-index:2;box-shadow:0px 0px 0px 5px var(--wp--preset--color--bg-lv-1);border-radius:1px}.resources-ui-visual-design .resource-image figure a,.resource-image figure .resources-ui-visual-design a figure a{background-color:#496878}.resources-framer .resource-image figure a,.resource-image figure .resources-framer a figure a{background-color:#545074}.resources-tutorials .resource-image figure a,.resource-image figure .resources-tutorials a figure a{background-color:#3b3e4a}.resources-inspiration .resource-image figure a,.resource-image figure .resources-inspiration a figure a{background-color:#9a978d}.resources-learning .resource-image figure a,.resource-image figure .resources-learning a figure a{background-color:#816f63}.resources-artificial-intelligence .resource-image figure a,.resource-image figure .resources-artificial-intelligence a figure a{background-color:#6e494f}.resources-ux-design .resource-image figure a,.resource-image figure .resources-ux-design a figure a{background-color:#8b6ca5}.resources-icons .resource-image figure a,.resource-image figure .resources-icons a figure a{background-color:#b13f3f}.resources-design-systems .resource-image figure a,.resource-image figure .resources-design-systems a figure a{background-color:#515155}.resources-fonts .resource-image figure a,.resource-image figure .resources-fonts a figure a{background-color:#304474}.resources-podcasts .resource-image figure a,.resource-image figure .resources-podcasts a figure a{background-color:#9b7b6b}.resources-communities .resource-image figure a,.resource-image figure .resources-communities a figure a{background-color:#374a55}.resources-nice-finds .resource-image figure a,.resource-image figure .resources-nice-finds a figure a{background-color:#334b44}.resources-career-freelancing .resource-image figure a,.resource-image figure .resources-career-freelancing a figure a{background-color:#929b6b}.resources-marketing-business .resource-image figure a,.resource-image figure .resources-marketing-business a figure a{background-color:#27453c}.resources-repositories .resource-image figure a,.resource-image figure .resources-repositories a figure a{background-color:#537388}.resources-coding .resource-image figure a,.resource-image figure .resources-coding a figure a{background-color:#59843a}.resources-web3 .resource-image figure a,.resource-image figure .resources-web3 a figure a{background-color:#80843a}.resource-image .ftn-resource-card-buttons{transform:translateY(12px);opacity:0;right:12px;top:12px;z-index:2;transition:all .3s var(--ease-back-out);transform:translateY(12px);opacity:0}.resource-image .ftn-resource-card-buttons .wp-block-fountn-bookmarker-v2__button{background-color:var(--wp--preset--color--bg-lv-1);width:54px;height:44px;border:none !important;border-radius:6px}.resource-image .ftn-resource-card-buttons .wp-block-fountn-bookmarker-v2__button:hover{width:72px}.resource-image .ftn-resource-card-buttons .wp-block-ftools-ext-link-bt{border-radius:6px}.resource-image:hover .ftn-resource-card-buttons,.resource-image figure a:hover .ftn-resource-card-buttons{transform:translateY(0);opacity:1}.resource-image:hover .wp-block-buttons.is-style-btn-resource-link,.resource-image figure a:hover .wp-block-buttons.is-style-btn-resource-link{opacity:1;transform:none;visibility:visible}.resource-image:hover .wp-block-buttons.is-style-btn-resource-link .wp-block-button,.resource-image figure a:hover .wp-block-buttons.is-style-btn-resource-link .wp-block-button{backface-visibility:hidden;transform:translateY(0);opacity:1}