.calculator .button {
    background-color: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: 0 8px 20px -10px #515054;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-family: arial, helvetica, sans-serif;
    font-size: 16px;
    height: 35px;
    margin-bottom: 10px;
}


.calculator {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: hsla(0,0%,100%,.3);
    border-radius: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.calculator #screen {
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #fff!important;
    border-radius: unset;
    color: #000;
    font-size: 20px
}

.calculator #screen:active,.calculator #screen:focus {
    border: none!important;
    border-bottom: 1px solid #fff!important;
  
}

.calculator .button {
    background-color: #fff;
    background-image: linear-gradient(1turn,#f1f1f1 10%,#fff);
    border: none;
    border-radius: 5px;
    box-shadow: 0 8px 20px -10px #515054;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-family: arial,helvetica,sans-serif;
    font-size: 16px;
    height: 35px;
    margin-bottom: 10px
}

.calculator .button:hover:not(.equal):not(.c-btn) {
    outline: 2px solid #1c62b9
}

.calculator .c-btn {
    background-color: #064766;
    background-image: unset;
    color: #fff
}

.calculator .sign {
    font-size: 18px
}

.calculator .equal {
   background-color: #078fb8;
    background-image: unset
}

.calculator .functions-two {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}