Custom css tab not working

Hi there,

I would liketo change the tab of te contact slider into a square (80px) with a large icon in the center.I would likje to align the tab in the right bottom.
Need to give it a yellow color, bit transparant I added the following css in my custom css (theme enfold) but nothing is working out. Can you please help me out?

#wpcs_tab_1078 {
border: none;
border-bottom: none;
cursor: pointer;
width: 80px;
height: 80px;
overflow: hidden;
background: #ffed00de;
color: #000000;
padding: 25px 0px 0px 0px;
position: fixed;
top: 80%;
right: 20px;
text-align: center;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(0deg);
z-index: 9999999;
font-size: 35px;
}

The page I need help with: [log in to see the link]