@keyframes pulse-yellow{0%{color:#ffc107}50%{color:#fff}to{color:#ffc107}}.animate-pulse-yellow{animation:pulse-yellow 1.5s infinite}@keyframes translateX{0%{transform:translateX(0)}50%{transform:translateX(600px)}to{transform:translateX(0)}}@keyframes reverseTranslateX{0%{transform:translateX(0)}50%{transform:translateX(-600px)}to{transform:translateX(0)}}@media screen and (min-width:1250px){.card{position:relative;width:380px;height:200px;background-color:#f2f2f2;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:1000px;box-shadow:0 0 0 5px #ffffff80;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}}@media screen and (min-width:1074px) and (max-width:1250px){.card{width:310px;height:200px}}@media screen and (min-width:700px) and (max-width:1075px){.card{width:260px;height:170px}}@media screen and (min-width:400px) and (max-width:700px){.card{width:480px;height:170px}}.card{position:relative;background-color:#f2f2f2;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:1000px;box-shadow:0 0 0 5px #ffffff80}.card,.card svg{transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.card svg{width:48px;fill:#333}.card:hover{transform:scale(1.05);box-shadow:0 8px 16px hsla(0,0%,100%,.2)}.card__content{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;box-sizing:border-box;background-color:#f2f2f2;transform:rotateX(-90deg);transform-origin:bottom;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.card:hover .card__content{transform:rotateX(0deg)}.card__title{margin:0;font-size:24px;color:#333;font-weight:700}.card:hover svg{scale:0}.card__description{margin:10px 0 0;font-size:14px;color:#777;line-height:1.4}