@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400;500;600;700&family=Open+Sans:wght@300;400;500;600;700;800&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

.select-brand{
    transition: box-shadow 0.3s ease;
}

.select-brand:hover{
    box-shadow: 0px 0px 10px rgb(0 0 0 / 40%);
    background: rgb(246, 246, 246);
}
.fn-mont,*{
    font-family: "Montserrat", sans-serif!important;
    font-optical-sizing: auto;
    /* font-weight: <weight>; */
    font-style: normal;
  }
  .fn-pop{
    font-family: "Poppins", sans-serif!important;
    font-optical-sizing: auto;
    /* font-weight: <weight>; */
    font-style: normal;
  }
  .fn-domi{
    font-family: "Domine", serif!important;
    font-optical-sizing: auto;
    /* font-weight: <weight>; */
    font-style: normal;
  }
  
.button-click{
    cursor: pointer;
    transition: scale 0.3s ease,filter 0.3s ease;
}

.button-click:hover{
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.5));
    scale:1.05;
}
.button-click:active{
    scale:1;
}

.issue-button{
    background:white;
    border-radius: 20px 100px 20px 20px;
    justify-content: center;
    cursor: pointer;
    transition: border-radius 0.3s ease,scale 0.3s ease,filter 0.3s ease;
}
.issue-button:hover{
    scale:1.05;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.5));
    border-radius: 20px 20px 20px 20px;
}

.issue-button:active{
    scale:1;
    border-radius: 10px 10px 10px 10px;
}
.pulseBtn {
    background:#0b63bb;
    /* color:#fff; */
    /* border:1px solid #0b63bb; */
    /* padding:1rem 2rem; */
    /* border-radius:2rem; */
    /* font-size:1rem; */
    box-shadow: 0 0 0 0 rgba(88, 120, 243, 0.4);
    -moz-animation: pulse 2s infinite;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    }
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(88, 120, 243, 1);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(88, 120, 243, 0);
    }
    100% {
        box-shadow: 0 0 0 50px rgba(88, 120, 243, 0);
    }
}