.button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;background:var(--color-white);border:2px solid var(--color-black);color:var(--color-black);padding:8px 20px;text-decoration:none;cursor:pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500;border-radius:50px;line-height:1;overflow:hidden}.button:hover{color:#fff;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.button span{position:relative;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:2em}[data-section] .button{margin-top:1rem}.button-inner{position:absolute;top:0;left:0;height:100%;width:0;background:#000;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:1}.button:hover .button-inner{width:100%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.button.cream{background:0 0;border:2px solid var(--color-cream);color:var(--color-cream)}.button.cream:hover{color:var(--color-white)}.button.cream .button-inner{background:var(--color-cream)}.button.red{background:0 0;border:2px solid var(--color-red);color:var(--color-red)}.button.red:hover{color:var(--color-white)}.button.red .button-inner{background:var(--color-red)}.button.orange{background:0 0;border:2px solid var(--color-orange);color:var(--color-orange)}.button.orange:hover{color:var(--color-white)}.button.orange .button-inner{background:var(--color-orange)}.button.pink{background:0 0;border:2px solid var(--color-pink);color:var(--color-pink)}.button.pink:hover{color:var(--color-white)}.button.pink .button-inner{background:var(--color-pink)}.button.blue{background:0 0;border:2px solid var(--color-blue);color:var(--color-blue)}.button.blue:hover{color:var(--color-white)}.button.blue .button-inner{background:var(--color-blue)}.button.green{background:0 0;border:2px solid var(--color-green);color:var(--color-green)}.button.green:hover{color:var(--color-white)}.button.green .button-inner{background:var(--color-green)}.button.outline{padding:0;padding-bottom:4px;border:none;border-radius:0;background:0 0}.button.outline .button-inner{height:2px;bottom:0;top:unset !important}.button.outline.cream:hover{color:var(--color-cream)}.button.outline.red:hover{color:var(--color-red)}.button.outline.orange:hover{color:var(--color-orange)}.button.outline.pink:hover{color:var(--color-pink)}.button.outline.blue:hover{color:var(--color-blue)}.button.outline.green:hover{color:var(--color-green)}.post-card .button.red:hover{color:var(--color-red)}