.btn-base {
    padding: 1rem 2rem;
    border-width: 1.4px;
    font-weight: 600;
    border-color: hsla(0, 0%, 100%, .15);
    border: 1px solid transparent;
}

.btn-base-sm {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.button-shape {
    clip-path: polygon(.125rem 0, calc(100% - .75rem) 0, 100% .875rem, 100% calc(100% - .125rem), calc(100% - .125rem) 100%, .75rem 100%, 0 calc(100% - .875rem), 0 .125rem);
}

.btn-highlight {
    color: #131112 !important;
    background: #ff9c3d;
    border-color: #ff9c3d;
    transition: all 0.2s ease-in-out;
}

.btn-highlight:hover:not(:disabled):not(.disabled) {
    color: #ff9c3d !important;
    background: transparent;
    border: 1px solid #ff9c3d;
}

.btn-highlight:disabled {
    color: #777 !important;
    background: #ddd;
    border-color: #ddd;
    cursor: not-allowed;
    opacity: 0.6;
    pointer-events: none;
}

.btn-highlight.disabled {
    color: #777 !important;
    background: #ddd;
    border-color: #ddd;
    cursor: not-allowed;
    opacity: 0.6;
    pointer-events: none;
}

.btn-default {
    color: #131112 !important;
    background: #eee6dc !important;
    border-color: #eee6dc !important;
    transition: background-color 0.2s, border-color 0.2s;
  }
  
  .btn-default:hover:not(:disabled),
  .btn-default:not(:disabled).hover {
    background-color: #e0d4c1 !important;
    border-color:   #e0d4c1 !important;
  }
  
  .btn-default:disabled,
  .btn-default.disabled {
    background-color: #d6cebe !important;
    border-color:     #d6cebe !important;
    color:            #8a8379 !important;
    cursor:           not-allowed !important;
    opacity:          0.65;
    box-shadow:       none !important;
  }

.btn-black {
    color: #eee6dc !important;
    background: #131112 !important;
    border-color: #131112;
    border-width: 1.4px;
    font-weight: 600;
}

.btn-black:hover {
    background: #333333 !important;
    color: #eee6dc;
}

.btn-white:hover {
    color: #131112 !important;
    background: #B0CCC7 !important;
}

.btn-accent {
    color: white !important;
    background-color: #8358FF;
}

.btn-accent:hover {
    background: white !important;
    color: black !important;
}

.btn-critical {
    color: white !important;
    background: #dc3545;
    border-color: #dc3545;
}

.btn-critical:hover {
    background: #bb2d3b;
    border: 1px solid #bb2d3b;
}