.door-button{--text-color:#fff;--bg-color:#000;font-family:var(--font-mono);color:var(--text-color);background:var(--bg-color);text-transform:uppercase;text-align:center;border-radius:6px;justify-content:center;height:40px;padding:11px 22px;font-size:14px;font-weight:700;line-height:1.1;transition:all .3s linear;display:inline-flex;position:relative;overflow:hidden}.door-button-content{z-index:2;position:relative}.door-button:before{content:"";background:var(--text-color);width:100%;height:0;transition:all .3s linear;display:block;position:absolute;top:0;left:0;right:0}.door-button:after{content:"";background:var(--text-color);width:100%;height:0;transition:all .3s linear;display:block;position:absolute;bottom:0;left:0;right:0}.door-button:hover,.door-button:focus{color:var(--bg-color)}.door-button:hover:before,.door-button:hover:after{height:100%}.door-button-white{--text-color:#000;--bg-color:#fff}.door-button-full-width{width:100%}