.calculator{width:clamp(300px,30vw,400px);height:470px;background:#fff;padding:25px 30px;border-radius:10px;box-shadow:0 0 35px var(--gold);position:relative;& h2{font-size:1.5rem;font-weight:700;margin-bottom:20px;color:#000}&>section{display:flex;flex-direction:column;gap:15px;& select{cursor:pointer}}& .calculate{background-color:#439cdc;color:#fff;padding:10px 20px;border-radius:5px;cursor:pointer;transition:all .3s;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:80%;&:hover{background-color:rgba(67,156,220,.8)}}}#currency{&>article{border:1px solid gray;border-radius:10px;padding:14px 34px;box-shadow:0 0 10px 0 hsla(0,0%,100%,.3)}}.mount{position:relative;& input{color:#000;padding:15px 10px;border-radius:5px;outline:1px solid #b5afaf;width:100%;&:hover{outline:1px solid #000}&:focus{outline:2px solid #439cdc}&:focus~label{top:0;transform:translateY(-50%);font-size:.8rem;color:#439cdc!important}&:valid~label{top:0;transform:translateY(-50%);font-size:.8rem;color:#b5afaf}}& label{position:absolute;top:50%;left:15px;transform:translateY(-50%);color:#b5afaf;transition:all .3s;background-color:#fff;padding:0 5px}}