Add new class in tailwind css

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .btn-blue {
    @apply py-2 px-4 bg-blue-500 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75;
  }
}

Source: tailwindcss.com

Similar codes

0 vote195 views2 answers
How to change svg image color on hover using css
CSS
3 votes215 views1 answer
Hover none in css
CSS
0 vote199 views1 answer
Divi hide header
CSS
0 vote332 views1 answer
Bootstrap put button on one line
CSS Bootstrap
-1 vote300 views1 answer
How to write a comment in css
CSS
3 votes239 views6 answers
Input disabled css
CSS
0 vote264 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap
50 votes201 views6 answers
Css align center
CSS
1 vote259 views1 answer
Increase font size zenity
CSS
19 votes196 views2 answers
Center div css flex
CSS