.fancy{background-color:transparent;border:2px solid #000;border-radius:0;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-weight:700;letter-spacing:.05em;margin:0;outline:none;overflow:visible;padding:.5rem 2em;position:relative;text-align:center;text-decoration:none;text-transform:none;transition:all .3s ease-in-out;user-select:none;font-size:.75rem}.fancy:before{content:" ";width:1.5625rem;height:2px;background:#000;top:50%;left:1.5em;position:absolute;transform:translateY(-50%);transform-origin:center;transition:background .3s linear,width .3s linear}.fancy .text{padding-left:2em;display:block;text-align:left;transition:all .3s ease-in-out;text-transform:uppercase;text-decoration:none;color:#000}.fancy .top-key{height:2px;width:1.5625rem;top:-2px;left:.625rem;position:absolute;background:#e8e8e8;transition:width .5s ease-out,left .3s ease-out}.fancy .bottom-key-1{width:1.5625rem;right:1.875rem}.fancy .bottom-key-1,.fancy .bottom-key-2{height:2px;bottom:-2px;position:absolute;background:#e8e8e8;transition:width .5s ease-out,right .3s ease-out}.fancy .bottom-key-2{width:.625rem;right:.625rem}.fancy:hover{color:#fff;background:#000}.fancy:hover:before{width:.9375rem;background:#fff}.fancy:hover .text{color:#fff;padding-left:1.5em}.fancy:hover .top-key{left:-2px;width:0}.fancy:hover .bottom-key-1,.fancy:hover .bottom-key-2{right:0;width:0}.blog-image:before{left:-12px;top:0}.blog-image:after,.blog-image:before{content:"";position:absolute;border-top-right-radius:12px}.blog-image:after,.blog-image:before{background-color:transparent;height:24px;width:12px;box-shadow:0 -12px 0 #fff;bottom:-24px;right:0}