.x-link{all:reset;color:#666;box-shadow:1px 1px 2px 1px rgba(99,91,227,.4),-1px -1px 2px 1px rgba(99,91,227,.4);transition:all .3s ease-in-out;position:relative;overflow:hidden;border-radius:8px;text-decoration:none !important;display:inline-flex}.x-link:hover{transform:translateY(-2px);box-shadow:2px 2px 4px 4px rgba(99,91,227,.4),-2px -2px 4px 4px rgba(99,91,227,.4)}.x-link:hover .x-link-title{color:#635be3}.x-link:hover .x-link-title:before{width:100%}.x-link-wrapper{display:flex;justify-content:center;margin-bottom:16px}.x-link-backdrop{position:absolute;inset:0;z-index:1;border-radius:8px;background:#fff}.x-link-content{position:relative;z-index:2;border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;box-sizing:border-box}.x-link-content .x-link-title{flex-grow:1;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;max-height:40px;font-weight:500;line-height:1.25em;position:relative}.x-link-content .x-link-icon{margin-left:16px;border-radius:4px;flex-shrink:0;display:block;height:48px;width:48px;background-size:cover}/*# sourceMappingURL=index.css.map */