@tailwind base;
@tailwind components;

.btn,.button{
    padding: 17px 39px;
    margin-top : 17px; 
    margin-bottom:17px;
    border-radius: 3px;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.flip-btn{
    padding: 17px 25px;
}

.contact-btn .btn,
.btn-hover-box{
    padding: 9px 39px !important;
    border-radius: 10px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

.btn-white{
    background-color: white;
    color: #1F2937;
}

.btn-white:hover{
    outline:1px solid #2d2c2f;
}

.btn-red{
    background-color: #ba3338;
    color: white;
}

.btn-red:hover{
    background-color: #8c2c2f;
    
}

.btn-yellow{
    background-color: #b9975b !important;
    color: white;
}

.btn-yellow:hover{
    background-color: #72541f !important;
    color: white;
}

.btn-black,.reverse-btn-color .btn-white{
    background-color:#221f20;
    color: white;
    transition: all 0.3s ease-in-out;
}

.btn-black:hover,.reverse-btn-color .btn-white:hover{
    background-color:#dedede;
    color: rgb(16, 15, 15);
    /* outline: 1px solid #221f20; */
}

.btn-blue{
    background-color:#2F3C42;
    color: white;
    padding: 15px 70px;
    border-radius: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.btn-blue:hover{
    background-color:#5a7a8b;
}