.btnTag {

 display: none;

}

.card:hover .btnTag {

 display: block;

}
.card {
  transition: transform 0.3s ease;
}


#productsPage .card:hover{
transition: 0.2s;
animation: 0.2s;
 transform: scale(1.05); /* Increase size by 5% */
}

.brandImg:hover{
    transition: 0.2s;
animation: 0.2s;
border: 1px solid blue;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}



.kenburns-top:hover {

	-webkit-animation: kenburns-top 5s ease-out both;

	        animation: kenburns-top 5s ease-out both;

}



/* ----------------------------------------------

 * Generated by Animista on 2024-9-12 11:2:15

 * Licensed under FreeBSD License.

 * See http://animista.net/license for more info. 

 * w: http://animista.net, t: @cssanimista

 * ---------------------------------------------- */



/**

 * ----------------------------------------

 * animation kenburns-top

 * ----------------------------------------

 */

 @-webkit-keyframes kenburns-top {

  0% {

    -webkit-transform: scale(1) translateY(0);

            transform: scale(1) translateY(0);

    -webkit-transform-origin: 50% 16%;

            transform-origin: 50% 16%;

  }

  100% {

    -webkit-transform: scale(1.25) translateY(-15px);

            transform: scale(1.25) translateY(-15px);

    -webkit-transform-origin: top;

            transform-origin: top;

  }

}

@keyframes kenburns-top {

  0% {

    -webkit-transform: scale(1) translateY(0);

            transform: scale(1) translateY(0);

    -webkit-transform-origin: 50% 16%;

            transform-origin: 50% 16%;

  }

  100% {

    -webkit-transform: scale(1.25) translateY(-15px);

            transform: scale(1.25) translateY(-15px);

    -webkit-transform-origin: top;

            transform-origin: top;

  }

}





/* user dashboard stylesheet */

#userDashboard .card{

        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

#userDashboard label{

        font-size: 12px;

}



/* Hide arrows in Chrome, Safari, and newer versions of Edge */

input[type=number]::-webkit-outer-spin-button,

input[type=number]::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



/* Hide arrows in Firefox */

input[type=number] {

        appearance: textfield;

    -moz-appearance: textfield;

}