:root{--background-gradient:#211726;--border:#edd7ab;--text:#f4e2be;--button-hover:#211726}.card{background:var(--background);border:1px solid var(--border);flex-direction:column;padding:1rem;display:flex;position:relative}.card .corner{border:1px solid var(--border);width:.5rem;height:.5rem;position:absolute}.card .corner:after,.card .corner:before{content:"";position:absolute}.card .corner:after{width:2rem;height:calc(1rem - 1px)}.card .corner:before{width:calc(1rem - 1px);height:2rem}.card .corner.left{left:-.5rem}.card .corner.left:after{border-left:1px solid var(--border);left:calc(1rem - 2px)}.card .corner.left:before{border-left:1px solid var(--border);left:-1px}.card .corner.right{right:-.5rem}.card .corner.right:after{border-right:1px solid var(--border);right:calc(1rem - 2px)}.card .corner.right:before{border-right:1px solid var(--border);right:-1px}.card .corner.top{top:-.5rem}.card .corner.top:after{border-top:1px solid var(--border);top:-1px}.card .corner.top:before{border-top:1px solid var(--border);top:calc(1rem - 2px)}.card .corner.bottom{bottom:-.5rem}.card .corner.bottom:after{border-bottom:1px solid var(--border);bottom:-1px}.card .corner.bottom:before{border-bottom:1px solid var(--border);bottom:calc(1rem - 2px)}