.btn,button{background-color:var(--primary);border:1px solid var(--primary);border-radius:.5rem;color:#fff;padding:0 1rem;font-size:1rem;height:2.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn:focus,.btn:hover,button:focus,button:hover{outline:3px solid var(--yellow);box-shadow:0 0 0 4px #fff;border-color:var(--primary)}.btn:disabled,button:disabled{background-color:var(--grey);border-color:var(--grey);color:var(--dark-grey);cursor:not-allowed}:root[data-theme=dark] .btn,:root[data-theme=dark] button{background-color:var(--yellow);border-color:var(--yellow);color:#000}:root[data-theme=dark] .btn:focus,:root[data-theme=dark] .btn:hover,:root[data-theme=dark] button:focus,:root[data-theme=dark] button:hover{border-color:var(--primary-reverse);outline-color:var(--blue)}.btn-sm{height:2rem;padding:0 .75rem;font-size:.875rem}.btn-danger{background-color:var(--red);border-color:var(--red);color:#fff}.btn-danger:focus,.btn-danger:hover{border-color:var(--red)}:root[data-theme=dark] .btn-danger{background-color:var(--red);border-color:var(--red);color:#fff}:root[data-theme=dark] .btn-danger:focus,:root[data-theme=dark] .btn-danger:hover{border-color:var(--red)}.btn-success{background-color:var(--green);border-color:var(--green);color:#fff}.btn-success:focus,.btn-success:hover{border-color:var(--green)}:root[data-theme=dark] .btn-success{background-color:var(--green);border-color:var(--green);color:#fff}:root[data-theme=dark] .btn-success:focus,:root[data-theme=dark] .btn-success:hover{border-color:var(--green)}