A Pen by Adam Henley.

index.html

<div id='container'>
  <a href="https://www.google.com/search?q=international+womens+day">
      <div id='mercury'></div>
      <div id='iwd_text'>International <br />Women&rsquo;s<br /> Day <br />March 8th</div>
  </a>
</div>

International-Womens-Day,-March-8th.markdown

International Women's Day, March 8th

A Pen by Adam Henley on CodePen.

License.

style.less

@import url(http://fonts.googleapis.com/css?family=Francois+One);
@bg: rgb(109, 37, 57) ;
@hot_pink:rgb(234, 30, 89);
:after,:before { content: ''; position: absolute; display:inline-block;}
body { background-color: @bg; }
#container {
  width:960px; height: 450px;
  position:absolute;
  left:90px;top:0; right:0; bottom:0;
  margin:auto;
  margin-top:20px;  
  overflow:hidden;
  
  
  a {
    width: 100%;  height:100%;
    display:block;
    position:absolute;
    z-index:100;
    
    &:hover #mercury {
      .rotate(30deg);
    }
  }  
}

#mercury {
  float:left;
  width:300px;
  height:300px;
  border-radius: 50%;
  border:30px solid @hot_pink;
  
  .rotate(35deg);
    
  &:after, &:before {  background-color:@hot_pink;}
  &:after{
     width:120px; 
     height:30px;
     top:calc(150px - 30px/2);
     left:300px;
  }
  &:before{
    height:90px;
    width:30px;    
    top:calc(150px - 45px);
    left:360px;    
  }
}
#iwd_text {
  font-family: 'Francois One', sans-serif;
  line-height: 82px;
  width: 500px;
  height:300px + (2*30px);
  float:left;
   color:white;
  font-size:72px;
  margin-left:80px;
  padding-top:10px;
}