.btn {
    @apply px-3 py-2 uppercase no-underline text-sm text-white items-center justify-center bg-primary-700 rounded;
    svg {

    }

    &.btn-sm {
        @apply text-xs w-6 h-6 px-1 py-1;
        svg {
            @apply w-3 h-3 text-primary-100 flex-none;
        }
    }
    &.btn-primary {
        @apply bg-primary-700;
        &:hover {
            @apply bg-primary-500;
        }
    }
    &.btn-warning {
        @apply bg-yellow-700;
        &:hover {
            @apply bg-yellow-500;
        }
    }
    &.btn-info {
        @apply bg-blue-700;
        &:hover {
            @apply bg-blue-500;
        }
    }
    &.btn-danger {
        @apply bg-red-700;
        &:hover {
            @apply bg-red-500;
        }
    }
}