.flowerbutton .btn{height:4em;border:0 solid #000;cursor:pointer}.flowerbutton .btn,.flowerbutton .wrapper{width:100%;display:flex;align-items:center;justify-content:center;background:transparent}.flowerbutton .wrapper{height:2em;position:relative}.flowerbutton .text{font-size:17px;z-index:1;color:#1f1f1f;padding:4px 12px;border-radius:30px;background:linear-gradient(135deg,rgba(212,175,55,.25),hsla(44,73%,66%,.25));backdrop-filter:blur(4px);border:1px solid rgba(197,164,95,.35);transition:all .5s ease}.flowerbutton .flower{display:grid;grid-template-columns:1em 1em;position:absolute;transition:grid-template-columns .8s ease}.flowerbutton .flower1{top:-12px;left:-13px;transform:rotate(5deg)}.flowerbutton .flower2{bottom:-5px;left:8px;transform:rotate(35deg)}.flowerbutton .flower3{bottom:-15px;transform:rotate(0deg)}.flowerbutton .flower4{top:-14px;transform:rotate(15deg)}.flowerbutton .flower5{right:11px;top:-3px;transform:rotate(25deg)}.flowerbutton .flower6{right:-15px;bottom:-15px;transform:rotate(30deg)}.flowerbutton .petal{height:1em;width:1em;border-radius:40% 70%/7% 90%;background:linear-gradient(145deg,#d4af37,#e8c66a 55%,#c5a45f);border:.5px solid #dccfb9;z-index:0;box-shadow:0 2px 4px rgba(0,0,0,.12),inset 0 0 4px hsla(0,0%,100%,.3);transition:width .8s ease,height .8s ease,filter .5s ease}.flowerbutton .two{transform:rotate(90deg)}.flowerbutton .three{transform:rotate(270deg)}.flowerbutton .four{transform:rotate(180deg)}.flowerbutton .btn:hover .petal{background:radial-gradient(circle at 30% 30%,#e8c66a 0,#d4af37 60%,#c5a45f 100%);border:.5px solid #c5a45f;filter:brightness(1.08) saturate(1.15)}.flowerbutton .btn:hover .flower{grid-template-columns:1.5em 1.5em}.flowerbutton .btn:hover .flower .petal{width:1.5em;height:1.5em}.flowerbutton .btn:hover .text{background:linear-gradient(135deg,rgba(212,175,55,.35),hsla(44,73%,66%,.35));border-color:rgba(197,164,95,.55)}.flowerbutton .btn:hover div.flower1{animation:flower1 15s linear 0s infinite normal none running}@keyframes flower1{0%{transform:rotate(5deg)}to{transform:rotate(365deg)}}.flowerbutton .btn:hover div.flower2{animation:flower2 13s linear 1s infinite normal none running}@keyframes flower2{0%{transform:rotate(35deg)}to{transform:rotate(-325deg)}}.flowerbutton .btn:hover div.flower3{animation:flower3 16s linear 1s infinite normal none running}@keyframes flower3{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.flowerbutton .btn:hover div.flower4{animation:flower4 17s linear 1s infinite normal none running}@keyframes flower4{0%{transform:rotate(15deg)}to{transform:rotate(375deg)}}.flowerbutton .btn:hover div.flower5{animation:flower5 20s linear 1s infinite normal none running}@keyframes flower5{0%{transform:rotate(25deg)}to{transform:rotate(-335deg)}}.flowerbutton .btn:hover div.flower6{animation:flower6 15s linear 1s infinite normal none running}@keyframes flower6{0%{transform:rotate(30deg)}to{transform:rotate(390deg)}}