.btn{background-color:#fff;border:solid;text-decoration:none;border-color:#000;color:#000;padding:5px 20px;text-align:center;transition:all .5s ease;width:100%}.btn:hover{background-color:#000;color:#fff}.clicker:hover{cursor:pointer}.salescard{position:relative;background-color:#f4f5f9;border:none;border-radius:30px;box-shadow:0 15px 20px #eee;transition:all .3s ease;animation-name:test;animation-iteration-count:1;animation-duration:2s}.salescard:hover{filter:brightness(1.1);transform:scale(1.025);background-color:#f4f5f9;box-shadow:0 35px 30px #eee}.salescard img{margin:auto;height:300px}@keyframes test{0%{opacity:0;transform:scale(.6);filter:brightness(3);visibility:hidden}to{opacity:1;transform:scale(1);filter:brightness(1)}}.newcard{position:relative;background-color:#f4f5f9;border:none;border-radius:30px;box-shadow:0 15px 20px #eee;transition:all .3s ease;animation-name:test2;animation-iteration-count:1;animation-duration:2s}.newcard:hover{filter:brightness(1.1);transform:scale(1.025);background-color:#f4f5f9;box-shadow:0 35px 30px #eee}.newcard img{margin:auto;height:300px}@keyframes test2{0%{opacity:0;transform:rotateY(-120deg) scale(.9)}to{opacity:1;transform:rotateY(0) scale(1)}}.productcard{position:relative;border:none;border-radius:12px;box-shadow:0 0 20px 5px #eee;transition:all .3s ease;height:100%}.productcard a{height:100%}@media only screen and (max-width: 767px){.productcard a{height:150px}}.productcard:hover{transform:scale(1.025);box-shadow:0 0 30px 10px #eee}.cardcategorie{text-align:center;background-color:#fefefe;border-radius:20px;box-shadow:5px 10px 10px gray;position:relative;transition:all .5s ease}.cardcategorieimg{min-height:200px;max-width:100%;margin:auto;position:absolute;object-fit:cover;top:0;left:0;right:0;transition:all .2s ease;filter:grayscale(.25)}.cardcategorie:hover{transform:scale(1.05);box-shadow:20px 20px 20px #eee}.cardcategorie:hover img{filter:grayscale(0)}
