.flex-column,body .app{flex-direction:column}.overflow-hidden,body .app .bre-btn,body .app{overflow:hidden}.base-transition,body .app .bre-btn .bre-btn-circle,body .app .bre-btn{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}body{padding:0;margin:0}body .app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#5886eb 10%,#1372df 90%);height:100vh}body .app .bre-btn{background:linear-gradient(135deg,#f16b6b 10%,#e41e1e 90%);padding:1rem;color:#fff;display:inline-block;border:none;border-radius:8px;font-size:18px;letter-spacing:2px;cursor:pointer;position:relative;text-transform:uppercase}body .app .bre-btn:focus-visible{outline:none}body .app .bre-btn:hover{transform:scale(1.1)}body .app .bre-btn .bre-btn-circle{position:absolute;width:100px;height:100px;border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:scale .4s ease-in-out;background:linear-gradient(135deg,#eb1c1c 10%,#8f0707 90%)}@keyframes scale{to{opacity:0;transform:translate(50%,50%) scale(3)}}