@responsive-ui/button/lib/index.css

A button component of responsive-ui.

.resp-button{cursor:pointer;display:inline-flex;border:none;outline:0;appearance:none;font-family:inherit;align-items:center;justify-content:center;min-width:65px;font-size:var(--font-size, 14px);border:1px solid var(--input-border-color, #dcdcdc);background:#fff;color:#000;padding:0 1rem;margin:0;height:42px;width:100%;line-height:1.5;text-align:center;text-transform:capitalize;transition:opacity 0.3s;border-radius:5px}@media(min-width: 576px){.resp-button{height:32px;width:auto;border-radius:3px}}.resp-button:hover{background:#f5f5f5}.resp-button--primary{border-color:var(--primary-color, #fc4451);background:var(--primary-color, #fc4451);color:#fff}.resp-button--primary:hover{background:rgba(255, 69, 82, 0.9);border-color:rgba(255, 69, 82, 0.9)}.resp-button--primary:active{background:#d13641 !important;border-color:#d13641 !important}.resp-button--link{border:none}.resp-button[disabled=disabled],.resp-button:disabled{cursor:not-allowed !important;opacity:0.5}.resp-button--outline{background:none;color:var(--primary-text-color, #fc4451)}