/* Bootstrap 기본 스타일 */
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  
  .btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.2rem;
  }
  
  /* 기존 인기 있는 색상 조합을 이용한 버튼 스타일 */
  .btn-navy {
    color: #ffffff;
    background-color: #001f3f;
    border-color: #001f3f;
  }
  
  .btn-teal {
    color: #ffffff;
    background-color: #39CCCC;
    border-color: #39CCCC;
  }
  
  .btn-olive {
    color: #ffffff;
    background-color: #3D9970;
    border-color: #3D9970;
  }
  
  .btn-lime {
    color: #000000;
    background-color: #01FF70;
    border-color: #01FF70;
  }
  
  .btn-orange {
    color: #000000;
    background-color: #FF851B;
    border-color: #FF851B;
  }
  
  .btn-maroon {
    color: #ffffff;
    background-color: #85144b;
    border-color: #85144b;
  }
  
  .btn-purple {
    color: #ffffff;
    background-color: #B10DC9;
    border-color: #B10DC9;
  }
  
  .btn-aqua {
    color: #000000;
    background-color: #7FDBFF;
    border-color: #7FDBFF;
  }
  
  .btn-coral {
    color: #000000;
    background-color: #FF6F61;
    border-color: #FF6F61;
  }
  
  .btn-mint {
    color: #000000;
    background-color: #00B894;
    border-color: #00B894;
  }
  
  /* 새로 추가된 색상 조합 */
  .btn-lavender {
    color: #000000;
    background-color: #E6E6FA;
    border-color: #E6E6FA;
  }
  
  .btn-crimson {
    color: #ffffff;
    background-color: #DC143C;
    border-color: #DC143C;
  }
  
  .btn-forest {
    color: #ffffff;
    background-color: #228B22;
    border-color: #228B22;
  }
  
  .btn-sky {
    color: #000000;
    background-color: #87CEEB;
    border-color: #87CEEB;
  }
  
  .btn-gold {
    color: #000000;
    background-color: #FFD700;
    border-color: #FFD700;
  }
  
  .btn-rose {
    color: #000000;
    background-color: #FF007F;
    border-color: #FF007F;
  }
  
  .btn-emerald {
    color: #ffffff;
    background-color: #50C878;
    border-color: #50C878;
  }
  
  .btn-indigo {
    color: #ffffff;
    background-color: #4B0082;
    border-color: #4B0082;
  }
  
  .btn-turquoise {
    color: #000000;
    background-color: #40E0D0;
    border-color: #40E0D0;
  }
  
  .btn-slate {
    color: #ffffff;
    background-color: #708090;
    border-color: #708090;
  }
  
  /* 이전 스타일은 그대로 유지하고 새로운 색상만 추가합니다 */

/* 새로 추가된 색상 조합 */
.btn-sienna {
    color: #ffffff;
    background-color: #A0522D;
    border-color: #A0522D;
  }
  
  .btn-mustard {
    color: #000000;
    background-color: #FFDB58;
    border-color: #FFDB58;
  }
  
  .btn-plum {
    color: #ffffff;
    background-color: #8E4585;
    border-color: #8E4585;
  }
  
  .btn-sage {
    color: #000000;
    background-color: #BCB88A;
    border-color: #BCB88A;
  }
  
  .btn-peacock {
    color: #ffffff;
    background-color: #33A1C9;
    border-color: #33A1C9;
  }
  
  .btn-berry {
    color: #ffffff;
    background-color: #8E4585;
    border-color: #8E4585;
  }
  
  .btn-lemon {
    color: #000000;
    background-color: #FFF700;
    border-color: #FFF700;
  }
  
  .btn-cocoa {
    color: #ffffff;
    background-color: #D2691E;
    border-color: #D2691E;
  }
  
  .btn-silver {
    color: #000000;
    background-color: #C0C0C0;
    border-color: #C0C0C0;
  }
  
  .btn-charcoal {
    color: #ffffff;
    background-color: #36454F;
    border-color: #36454F;
  }
  
  /* 새로 추가된 색상 조합 */
.btn-mauve {
    color: #ffffff;
    background-color: #E0B0FF;
    border-color: #E0B0FF;
  }
  
  .btn-ochre {
    color: #000000;
    background-color: #CC7722;
    border-color: #CC7722;
  }
  
  .btn-celadon {
    color: #000000;
    background-color: #ACE1AF;
    border-color: #ACE1AF;
  }
  
  .btn-rust {
    color: #ffffff;
    background-color: #B7410E;
    border-color: #B7410E;
  }
  
  .btn-cerulean {
    color: #ffffff;
    background-color: #007BA7;
    border-color: #007BA7;
  }
  
  .btn-vermilion {
    color: #ffffff;
    background-color: #E34234;
    border-color: #E34234;
  }
  
  .btn-periwinkle {
    color: #000000;
    background-color: #CCCCFF;
    border-color: #CCCCFF;
  }
  
  .btn-fuchsia {
    color: #ffffff;
    background-color: #FF00FF;
    border-color: #FF00FF;
  }
  
  .btn-byzantium {
    color: #ffffff;
    background-color: #702963;
    border-color: #702963;
  }
  
  .btn-amber {
    color: #000000;
    background-color: #FFBF00;
    border-color: #FFBF00;
  }

  /* 새로 추가된 색상 조합 */
.btn-taupe {
    color: #ffffff;
    background-color: #483C32;
    border-color: #483C32;
  }
  
  .btn-wisteria {
    color: #ffffff;
    background-color: #C9A0DC;
    border-color: #C9A0DC;
  }
  
  .btn-saffron {
    color: #000000;
    background-color: #F4C430;
    border-color: #F4C430;
  }
  
  .btn-aegean {
    color: #ffffff;
    background-color: #1E90FF;
    border-color: #1E90FF;
  }
  
  .btn-terracotta {
    color: #ffffff;
    background-color: #E2725B;
    border-color: #E2725B;
  }
  
  .btn-viridian {
    color: #ffffff;
    background-color: #40826D;
    border-color: #40826D;
  }
  
  .btn-magnolia {
    color: #000000;
    background-color: #F8F4FF;
    border-color: #F8F4FF;
  }
  
  .btn-byzantium {
    color: #ffffff;
    background-color: #702963;
    border-color: #702963;
  }
  
  .btn-sepia {
    color: #ffffff;
    background-color: #704214;
    border-color: #704214;
  }
  
  .btn-chartreuse {
    color: #000000;
    background-color: #7FFF00;
    border-color: #7FFF00;
  }

  /* 새로 추가된 색상 조합 */
.btn-pewter {
    color: #000000;
    background-color: #899499;
    border-color: #899499;
  }
  
  .btn-cerise {
    color: #ffffff;
    background-color: #DE3163;
    border-color: #DE3163;
  }
  
  .btn-puce {
    color: #000000;
    background-color: #CC8899;
    border-color: #CC8899;
  }
  
  .btn-fulvous {
    color: #000000;
    background-color: #E48400;
    border-color: #E48400;
  }
  
  .btn-xanadu {
    color: #ffffff;
    background-color: #738678;
    border-color: #738678;
  }
  
  .btn-gamboge {
    color: #000000;
    background-color: #E49B0F;
    border-color: #E49B0F;
  }
  
  .btn-glaucous {
    color: #ffffff;
    background-color: #6082B6;
    border-color: #6082B6;
  }
  
  .btn-amaranth {
    color: #ffffff;
    background-color: #E52B50;
    border-color: #E52B50;
  }
  
  .btn-coquelicot {
    color: #ffffff;
    background-color: #FF3800;
    border-color: #FF3800;
  }
  
  .btn-verdigris {
    color: #ffffff;
    background-color: #43B3AE;
    border-color: #43B3AE;
  }


  /* 새로 추가된 색상 조합 */
.btn-zaffre {
    color: #ffffff;
    background-color: #0014A8;
    border-color: #0014A8;
  }
  
  .btn-wenge {
    color: #ffffff;
    background-color: #645452;
    border-color: #645452;
  }
  
  .btn-incarnadine {
    color: #ffffff;
    background-color: #FF3355;
    border-color: #FF3355;
  }
  
  .btn-smaragdine {
    color: #ffffff;
    background-color: #50C878;
    border-color: #50C878;
  }
  
  .btn-mikado {
    color: #000000;
    background-color: #FFC40C;
    border-color: #FFC40C;
  }
  
  .btn-glaucous {
    color: #ffffff;
    background-color: #6082B6;
    border-color: #6082B6;
  }
  
  .btn-falu {
    color: #ffffff;
    background-color: #801818;
    border-color: #801818;
  }
  
  .btn-heliotrope {
    color: #000000;
    background-color: #DF73FF;
    border-color: #DF73FF;
  }
  
  .btn-razzmatazz {
    color: #ffffff;
    background-color: #E3256B;
    border-color: #E3256B;
  }
  
  .btn-feldgrau {
    color: #ffffff;
    background-color: #4D5D53;
    border-color: #4D5D53;
  }


  /* 50개의 새로 추가된 색상 조합 */
.btn-alizarin { color: #ffffff; background-color: #E32636; }
.btn-asparagus { color: #ffffff; background-color: #87A96B; }
.btn-bole { color: #ffffff; background-color: #79443B; }
.btn-byzantium { color: #ffffff; background-color: #702963; }
.btn-capri { color: #000000; background-color: #00BFFF; }
.btn-catawba { color: #ffffff; background-color: #703642; }
.btn-cordovan { color: #ffffff; background-color: #893F45; }
.btn-denim { color: #ffffff; background-color: #1560BD; }
.btn-ecru { color: #000000; background-color: #C2B280; }
.btn-fandango { color: #ffffff; background-color: #B53389; }
.btn-fuchsia-rose { color: #000000; background-color: #C74375; }
.btn-gamboge { color: #000000; background-color: #E49B0F; }
.btn-honeydew { color: #000000; background-color: #F0FFF0; }
.btn-ube { color: #000000; background-color: #8878C3; }
.btn-iris { color: #ffffff; background-color: #5A4FCF; }
.btn-jade { color: hsl(0, 0%, 0%); background-color: #00A86B; }
.btn-keppel { color: #000000; background-color: #3AB09E; }
.btn-lapis-lazuli { color: #ffffff; background-color: #26619C; }
.btn-malachite { color: #000000; background-color: #0BDA51; }
.btn-nyanza { color: #000000; background-color: #E9FFDB; }
.btn-onyx { color: #ffffff; background-color: #353839; }
.btn-persimmon { color: #000000; background-color: #EC5800; }
.btn-quartz { color: #000000; background-color: #51484F; }
.btn-rajah { color: #000000; background-color: #FBAB60; }
.btn-skobeloff { color: #ffffff; background-color: #007474; }
.btn-timberwolf { color: #000000; background-color: #DBD7D2; }
.btn-uranian-blue { color: #000000; background-color: #AFDBF5; }
.btn-vermilion { color: #ffffff; background-color: #E34234; }
.btn-wine { color: #ffffff; background-color: #722F37; }
.btn-xanthic { color: #000000; background-color: #EEED09; }
.btn-yellow-green { color: #000000; background-color: #9ACD32; }
.btn-zinnwaldite { color: #000000; background-color: #EBC2AF; }
.btn-alabaster { color: #000000; background-color: #EDEAE0; }
.btn-beaver { color: #ffffff; background-color: #9F8170; }
.btn-celadon { color: #000000; background-color: #ACE1AF; }
.btn-dogwood-rose { color: #ffffff; background-color: #D71868; }
.btn-eggplant { color: #ffffff; background-color: #614051; }
.btn-feldgrau { color: #ffffff; background-color: #4D5D53; }
.btn-grullo { color: #000000; background-color: #A99A86; }
.btn-hansa-yellow { color: #000000; background-color: #E9D66B; }
.btn-icterine { color: #000000; background-color: #FCF75E; }
.btn-jonquil { color: #000000; background-color: #FACA16; }
.btn-kobicha { color: #ffffff; background-color: #6B4423; }
.btn-liver { color: #ffffff; background-color: #534B4F; }
.btn-magenta-haze { color: #ffffff; background-color: #9F4576; }
.btn-nickel { color: #ffffff; background-color: #727472; }
.btn-ochre { color: #ffffff; background-color: #CC7722; }
.btn-puce { color: #000000; background-color: #CC8899; }
.btn-quinacridone { color: #ffffff; background-color: #8A3324; }
.btn-raisin-black { color: #ffffff; background-color: #242124; }
.btn-sinopia { color: #ffffff; background-color: #CB410B; }

  /* 호버 효과는 그대로 유지 */
  .btn:hover {
    opacity: 0.8;
  }