.highlight-block{display:flex;flex-flow:row wrap;justify-content:space-around;list-style-image:none;list-style-type:none;margin:0;padding:0}.highlight-block.small>li{flex:1 0 150px}.highlight-block.small a{height:230px;width:230px}.highlight-block.small .about{font-size:.9em}.highlight-block.small .link{font-size:1.5em}.highlight-block.small img{height:64px;margin-top:20px;width:64px}.highlight-block>li{flex:1 0 200px;text-align:center}.highlight-block a{border:4px solid rgba(0,0,0,0);border-radius:var(--border-radius);box-shadow:0 0 0 rgba(0,0,0,.1);display:block;height:350px;margin:0 auto;overflow:hidden;padding:1rem;position:relative;text-decoration:none;transition:box-shadow var(--transition-duration);width:350px}.highlight-block a:focus,.highlight-block a:hover{border-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1)}.highlight-block a:focus img,.highlight-block a:hover img{transform:scale(1.4, 1.4) translate(0, -10px);will-change:transform}.highlight-block a:focus .about,.highlight-block a:hover .about{opacity:1}.highlight-block a:focus .circle,.highlight-block a:hover .circle{background-color:#ecd2d0;transform:scale(10, 10);will-change:transform,background-color}.highlight-block a:focus{border-color:#000}.highlight-block a .about,.highlight-block a .link{display:block}.highlight-block a .about{color:#333}.highlight-block a .circle{background-color:rgba(0,0,0,0);border-radius:50%;height:81.667px;left:calc(50% - 42px);position:absolute;top:calc(50% - 5px);transition:transform var(--transition-duration),background-color .1s;width:81.667px;z-index:1}.highlight-block a .link{color:var(--red);font-size:3em;font-weight:bold;line-height:1.1;text-decoration:underline}.highlight-block a .wrapper{position:relative;z-index:2}.highlight-block img{margin-top:58.333px;height:116.667px;transition:transform var(--transition-duration);width:116.667px}