.circle{width:250px;height:250px;position:absolute;border:8px solid;border-radius:500px;margin-left:auto;margin-right:auto;left:0;right:0;text-align:center;cursor:pointer}.circle_widget_area{position:relative;height:400px;width:100%;text-align:center;justify-content:center}.circle_text{top:33%;position:relative;max-width:160px;margin-left:auto;margin-right:auto;font-weight:700;font-size:12px}.circle.first_one{border-color:#fc4e50}.circle.first_one .circle_text{color:#fc4e50}.circle.second_one{top:160px;right:200px;border-color:#00a79d}.circle.second_one .circle_text{color:#00a79d}.circle.third_one{top:160px;left:200px;border-color:#fbb040}.circle.third_one .circle_text{color:#fbb040}.circle_text img{width:50px}.circle_widget_area{position:relative}.circles{position:absolute;width:100%}.circle.first_one:hover{background-color:#fc4e50}.circle.second_one:hover{background-color:#00a79d}.circle.third_one:hover{background-color:#fbb040}.circle:hover .circle_text{color:#fff}.circle:hover .circle_text img{filter:brightness(0) invert(1)}@media screen and (max-width:278px) and (min-width:100px){.circle{width:90px;height:90px;border:2px solid}.circle.third_one{top:50px;left:85px}.circle.second_one{top:50px;right:85px}.circle_text{top:33%;max-width:132px;font-weight:600;font-size:6px}.circle_text img{width:15px}}@media screen and (max-width:300px) and (min-width:278px){.circle{width:150px;height:150px;border:4px solid}.circle.third_one{top:100px;left:110px}.circle.second_one{top:100px;right:110px}.circle_text{top:33%;max-width:132px;font-weight:600;font-size:8px}.circle_text img{width:20px}}@media screen and (max-width:400px) and (min-width:300px){.circle{width:170px;height:170px}.circle.third_one{top:100px;left:130px}.circle.second_one{top:100px;right:130px}.circle_text{top:33%;max-width:132px;font-weight:600;font-size:8px}.circle_text img{width:20px}}@media screen and (max-width:500px) and (min-width:400px){.circle{width:220px;height:220px}}