.button-navbar{padding:.2rem 1rem;background-color:var(--beige);color:var(--marrone);font-weight:bolder;text-transform:uppercase;display:flex;justify-content:space-around;align-items:center;cursor:pointer;position:relative;border-radius:5px}.button-navbar:hover{background-color:var(--marrone);color:var(--beige)}.button-navbar:hover,.button-navbar:hover .text .phone{transform:translate(10px)}.button-navbar,.text,.phone,.button-navbar:before,.button-navbar:after{transition:all .3s,box-shadow .2s}.button-navbar:before{content:"";position:absolute;height:100%;width:6px;border-radius:5px;border:solid 2px var(--marrone);border-right-color:transparent;background-color:transparent;left:0;top:50%;transform:translateY(-50%)}.button-navbar:after{content:"";position:absolute;height:100%;width:6px;border-radius:5px;border:solid 2px var(--marrone);border-left-color:transparent;background-color:transparent;right:0;top:50%;transform:translateY(-50%)}.button-navbar:active{box-shadow:0 0 0 7px #4f4e694b}.phone path{fill:var(--marrone)}.button-navbar:hover .phone path{fill:var(--beige)}