@font-face {
  font-family: custom-font;
  src: url('/canv_website/static/src/css/beIN-Normal.ttf');
  font-weight: normal;
  font-style: normal;
}
*
{
   font-family: custom-font !important;
}
.button {
    display: none;
}

.card:hover .button {
    display: block;
    transition: .5s ease;
}

.custom-hover{
    opacity: 0;
    transition: .5s ease;
  }

.card:hover .custom-hover {
    opacity: 1;
  }

.card:hover .card-hover {
    opacity: 0.3;
  }

@media only screen and (min-width: 768px){
  .mobile-display{
    display: none;
  }
}

@media only screen and (max-width: 768px){
  .web-display{
    display: none;
  }
}