@import "_colors";

.emailLink{
  display:block;
  width:fit-content;
  width:-webkit-fit-content;   width:-moz-fit-content;
  max-width:100%;
  padding:12px;
  border:1px solid $color_purple;
  padding-right:50px;
  position:relative;

  svg{
    display:inline-block;
    vertical-align:top;
    width:30px;
    height:30px;
    color:#ccc;
  }

  div.copyLink{
    position:absolute;
    right:0px;
    top:0px;

    background-color:$color_purple;
    svg{
      width:20px;
      height:20px;
      margin:10px;

      color:#fff;
      cursor:pointer;
    }

    transition:transform 0.3s ease-in-out;

    &:hover{
      transform:scale(1.1);
    }
  }


  a{
    display:block;
    width:100%;
    font-size:16px;
    line-height:16px;
    overflow-x:auto;


  }
}