:root {
    --troyco-red: #ff0008;
    --troyco-red-hover:#ff3333;
    --troyco-red-active:#cc0006;
  }



.full-btn,
.hollow-btn {
    font-family: "Inter", sans-serif; /* Use your main font */
    font-weight: 600; /* Semi-bold for emphasis */
    font-size: 1.1rem; /* Adjust as needed */
    text-decoration: none; /* Remove underlines */
    padding: 12px 25px; /* Adjust padding for size */
    border-radius: 5px; /* Rounded corners */
    transition: background-color 0.3s ease; /* Smooth hover effect */
    display: inline-block; /* Allows padding and margins */
    border: none; /* Remove default borders */
    cursor: pointer; /* Change cursor on hover */
    width:18rem;
}


.full-btn{
    background-color: var(--troyco-red);
    padding: 1rem 2rem;
    border: 1px solid var(--troyco-red);
    border-radius: 15px;
  }

  .full-btn:hover{
    background-color: var(--troyco-red-hover);
  }

  .full-btn:active{
    background-color: var(--troyco-red-active);
  }

  .hollow-btn{
    border: 1px solid var(--troyco-red);
    padding: 1rem 2rem;
    border-radius: 15px;
  }

  .hollow-btn:hover{
    background-color: var(--troyco-red);
    .hollow-btn-txt{
      color:white;
    }
  }

  .hollow-btn:active{
    background-color: var(--troyco-red-active);
  }
  
  .full-btn-txt{
    color: white;
  }

  .hollow-btn-txt{
    color:var(--troyco-red);
  }

  /* .nav-shop-btn{
   padding: 3px 10px;
   margin-top:-5px;
   color:rgb(244, 244, 244);
   border:none;
   border-radius:3px;
   transition: 0.5s;
    background-size: 200% auto;
     box-shadow: 0 0 20px #eee;
     display: block;
  } */

  /* .nav-shop-btn {background-image: linear-gradient(to right, #8E0E00 0%, #1F1C18  51%, #8E0E00  100%)}

  .nav-shop-btn {
            background-position: right center;
            color: #fff;
            text-decoration: none;
          } */


  @media (min-width:767px){
    .nav-shop-btn{
      margin-left:12px;
    }
  }

  @media (max-width:767px){
    .nav-shop-btn{
     margin-top:10px;
    }
  }


    .nav-shop-btn:hover{
      background-color: var(--troyco-red-hover);
    }

    .nav-shop-btn:hover{
      background-color: var(--troyco-red-hover);
    }

    .nav-shop-btn:active{
      background-color: var(--troyco-red-active);
    }

         .nav-shop-btn {background-image: linear-gradient(to right, #000000 0%, #707070  75%, #000000  100%)}
         .nav-shop-btn {
            
            padding: 3px 10px;
            margin-top:-5px;
            text-align: center;
            transition: all 450ms ease-in-out;
            background-size: 200% auto;
            color: rgb(237, 237, 237);            
            box-shadow: 0 0 20px #eee;
            border-radius: 5px;

          }

          .nav-shop-btn:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }


      .explore-projects-btn{
        font-family: "Inter", sans-serif; /* Use your main font */
        margin-top:30px !important;
        width: 190px;
        height:50px;
        padding:15px 40px;
        border-radius:30px;
        background-color: rgb(230, 3, 3);
        color:white;
  
        font-size:15px;
      }