@keyframes productIn{0%{opacity:0;transform:translate(-150%,-50%)}to{opacity:1;transform:translate(-50%,-50%)}}.animate-productIn{animation:productIn .5s cubic-bezier(.645,.045,.355,1) forwards}.products-button:after,.products-button:before{content:"";z-index:2;position:absolute;top:100%;left:50%;border-top:20px solid;border-right:20px solid transparent;border-left:20px solid transparent;margin-left:-20px;transition:all .25s cubic-bezier(.645,.045,.355,1) .1s}.products-button:after{z-index:1;border-top:23px solid rgba(0,0,0,.1);border-right:23px solid transparent;border-left:23px solid transparent;margin-top:6px;margin-left:-23px;filter:blur(3px)}.products-button:not(.active):after,.products-button:not(.active):before{border-top:20px solid transparent;top:50%;transition:none}.products-button.active svg path,.products-button:hover svg path{fill:#fff}.products-button:not(.active){background-color:transparent}.products-button.active,.products-button:not(.active){box-shadow:0 0 20px rgba(0,0,0,.35)}@media screen and (min-width:790px){.svg-text{font-size:30px}}@media screen and (min-width:1240px){.svg-text{font-size:40px}}.bg-egg-texture{background-color:#fff9e6;background-image:url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23f7e8c8' fill-opacity='0.4'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}