.ribbon-wrapper {
    height: 46px;
    overflow: hidden;
    position: absolute;
    right: -12px;
    top: -35px;
    width: 85px;
    z-index: 10;
}

.ribbon-wrapper.ribbon-lg {
    height: 120px;
    width: 120px;
}

.ribbon-wrapper.ribbon-lg .ribbon {
    right: 0;
    top: 26px;
    width: 160px;
}

.ribbon-wrapper.ribbon-xl {
    height: 180px;
    width: 180px;
}

.ribbon-wrapper.ribbon-xl .ribbon {
    right: 4px;
    top: 47px;
    width: 240px;
}

.ribbon-wrapper .ribbon {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    font-size: 0.8rem;
    line-height: 100%;
    padding: 0.375rem 0;
    position: relative;
    right: 4px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    top: 12px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 120px;
}

.ribbon-wrapper .ribbon::before, .ribbon-wrapper .ribbon::after {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #9e9e9e;
    bottom: -3px;
    content: "";
    position: absolute;
}

.ribbon-wrapper .ribbon::before {
    left: 0;
}

.ribbon-wrapper .ribbon::after {
    right: 0;
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border: 1px solid black;
    box-shadow: none;
}

    .btn-dark:hover {
        color: #343a40;
        background-color: #fff;
        border: 1px solid #343a40;
    }

.btn-dark:focus, .btn-dark.focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
}