.circle{background:linear-gradient(90deg,#000,grey);border-radius:50%;color:#fff;height:150px;font-weight:700;width:150px;display:table;margin:20px auto;opacity:.9}@media only screen and (max-width:500px){.circle{background:linear-gradient(90deg,#000,grey);border-radius:50%;color:#fff;height:100px;font-weight:700;width:100px;display:table;margin:20px auto;opacity:.9}}.circle:hover{background:linear-gradient(90deg,#351e03,grey);opacity:1}.circle-active{border:7px solid #eef126;opacity:1}.circle-disabled{background:linear-gradient(90deg,#351e03,grey);opacity:.65}.circle-disabled:hover{opacity:.65}.circle p{vertical-align:middle;display:table-cell;text-align:center}