@each $color, $value in $theme-colors {
    @keyframes #{$color}-color-pulse {
        from {
            box-shadow: 0 0 3px 1px #fff;
        }
      
        to {
            box-shadow: 0 0 12px 2px transparentize($color: $value, $amount: 0.25);
        }
    }
      
    .btn.#{$color}-color-pulse {
        animation-name: #{$color}-color-pulse;
        animation-duration: 0.75s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }
}

// Button menu
div.dropdown-menu {
    margin-bottom: 0.125rem;

    div.dropdown-item {
        cursor: pointer;

        .dropdown-subtext {
            font-size: 13px;
            color: $body-secondary-color;
            max-width: 250px;
            white-space: wrap;
        }
    }
}

.btn {
    &.min-width {
      min-width: 0;
    }

    &:disabled {
        pointer-events: auto;
    }
}