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

html {
  scroll-behavior: smooth;
}

.btn-bg {
  border: 1px solid #09c04c;
  background: rgba(9, 192, 76, 0.15);
  box-shadow: 0px 0px 20px 5px rgba(9, 192, 76, 0.25) inset;
}

.btn-bg:hover {
  border-color: #d1ca0d;
  background: rgba(209, 202, 13, 0.15);
  box-shadow: 0px 0px 5px 4px rgba(209, 202, 13, 0.25),
    0px 0px 20px 5px rgba(209, 202, 13, 0.25) inset;
}

.ca-bg {
  border: 1px solid #d1ca0d;
  background: rgba(209, 202, 13, 0.15);
  box-shadow: 0px 0px 5px 4px rgba(209, 202, 13, 0.25),
    0px 0px 20px 5px rgba(209, 202, 13, 0.25) inset;
}
