.btn{height:4em;width:12em;border:0 solid #000;cursor:pointer}.btn,.wrapper{display:flex;align-items:center;justify-content:center;background:transparent}.wrapper{height:2em;width:8em;position:relative}.text{font-size:17px;z-index:1;color:#000;padding:10px 18px;border-radius:4px;transition:all .5s ease;backdrop-filter:50px;background-blend-mode:lighten;background:#d2edffe1;font-weight:700}.flower{display:grid;grid-template-columns:1em 1em;position:absolute;transition:grid-template-columns .8s ease}.flower1{top:-12px;left:-13px;transform:rotate(5deg)}.flower2{bottom:-5px;left:8px;transform:rotate(35deg)}.flower3{bottom:-15px;transform:rotate(0deg)}.flower4{top:-14px;transform:rotate(15deg)}.flower5{right:11px;top:-3px;transform:rotate(25deg)}.flower6{right:-15px;bottom:-15px;transform:rotate(30deg)}.petal{height:1em;width:1em;border-radius:40% 70%/7% 90%;background:linear-gradient(#07a6d7,#93e0ee);border:.5px solid #96d1ec;z-index:0;transition:width .8s ease,height .8s ease}.two{transform:rotate(90deg)}.three{transform:rotate(270deg)}.four{transform:rotate(180deg)}.btn:hover .petal{background:linear-gradient(#0761d7,#93bdee);border:.5px solid #96b4ec}.btn:hover .flower{grid-template-columns:1.5em 1.5em}.btn:hover .flower .petal{width:1.5em;height:1.5em}.btn:hover .text{background:hsla(0,0%,100%,.4)}.btn:hover div.flower1{animation:flower1 15s linear 0s infinite normal none running}@keyframes flower1{0%{transform:rotate(5deg)}to{transform:rotate(365deg)}}.btn:hover div.flower2{animation:flower2 13s linear 1s infinite normal none running}@keyframes flower2{0%{transform:rotate(35deg)}to{transform:rotate(-325deg)}}.btn:hover div.flower3{animation:flower3 16s linear 1s infinite normal none running}@keyframes flower3{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn:hover div.flower4{animation:flower4 17s linear 1s infinite normal none running}@keyframes flower4{0%{transform:rotate(15deg)}to{transform:rotate(375deg)}}.btn:hover div.flower5{animation:flower5 20s linear 1s infinite normal none running}@keyframes flower5{0%{transform:rotate(25deg)}to{transform:rotate(-335deg)}}.btn:hover div.flower6{animation:flower6 15s linear 1s infinite normal none running}@keyframes flower6{0%{transform:rotate(30deg)}to{transform:rotate(390deg)}}