#app{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1}.elegant-circle-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#fff;border:2px solid white;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.elegant-circle-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;border-radius:50%;z-index:0;opacity:0;transition:opacity .3s ease}.elegant-circle-btn:hover:before{opacity:1}.elegant-circle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.elegant-circle-btn i{font-size:1rem;transition:transform .2s ease;z-index:1;color:#fff}.elegant-circle-btn:active{transform:translateY(0)}