button, .btn, a, [onclick] { cursor: pointer; }

.btn { display: inline-block; padding: .33em 1em; border-radius: 1em; font-weight: 300; transition: color .35s ease, background-color .7s ease; }
.btn { border: 1px solid #bf919b; background-color: transparent; color: #bf919b; }
.btn:hover, .btn:focus { background-color: #bf919b; color: #fff; }
.btn-primary, .btn-success { background-color: #bf919b; color: #fff; }
.btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus { background-color: transparent; color: #bf919b; }

.dark .btn { border: 1px solid #fff; background-color: transparent; color: #fff; }
.dark .btn:hover, .dark .btn:focus { background-color: #fff; color: #bf919b; }
.dark .btn-primary, .dark .btn-success { background-color: #fff; color: #bf919b; }
.dark .btn-primary:hover, .dark .btn-primary:focus, .dark .btn-success:hover, .dark .btn-success:focus { background-color: transparent; color: #fff; }