Как создать нижнюю границу градиента в Tailwind CSS?

Я пытаюсь создать тонкий эффект нижней границы градиента для поля ввода с помощью Tailwind CSS. Я хочу добиться чего-то вроде этого:

Вот моя текущая попытка:

Конфигурация CSS попутного ветра:

// tailwind.config.js
module.exports = {
  // ... other configurations
  plugins: [
    plugin(function ({ addUtilities }) {
      const newUtilities = {
        '.border-gradient': {
          position: 'relative',
          '::after': {
            content: '""',
            position: 'absolute',
            left: '0',
            right: '0',
            bottom: '0',
            height: '2px',
            background: 'linear-gradient(to right, rgba(18, 242, 135, 0.1), rgba(18, 242, 135, 0.3), rgba(18, 242, 135, 0.1))',
          },
        },
      };
      addUtilities(newUtilities);
    }),
  ],
};

Входной компонент:

<input
  className = "w-full bg-transparent rounded-lg px-3 py-3.5 text-white placeholder-white/40 bg-input-gradient backdrop-blur-[5px] focus:outline-none transition border-gradient"
/>

1. Добавлен собственный служебный класс с использованием плагина в Tailwind.config.js:

plugins: [
  plugin(function ({ addUtilities }) {
    const newUtilities = {
      '.border-gradient': {
        'border-image': 'linear-gradient(to right, #12F287 0%, rgba(18, 242, 135, 1) 50%, #12F287 100%) 1',
        'border-image-slice': '1',
      },
    };
    addUtilities(newUtilities);
  }),
],

2. Попытка использовать псевдоэлементы для границы градиента:

'.border-gradient': {
  position: 'relative',
  '::after': {
    content: '""',
    position: 'absolute',
    left: '0',
    right: '0',
    bottom: '0',
    height: '2px',
    background: 'linear-gradient(to right, rgba(18, 242, 135, 0.1), rgba(18, 242, 135, 0.3), rgba(18, 242, 135, 0.1))',
  },
},

Ожидаемый результат: тонкая градиентная граница внизу поля ввода, переходящая от прозрачного к светло-зеленому (#12F287) и обратно к прозрачному, как на этом изображении:

Фактический результат: граница либо не появилась вообще, либо отображалась сплошным цветом, а не градиентом, как показано ниже: