body {
      margin: 0;
      padding: 0;
      direction: rtl;
      font-family: sans-serif;
    }
 .custom-link {
      display: block;
      width: 80%;
      height: 200px;
      margin: 50px auto;
      text-align: center;
      line-height: 200px;
      text-decoration: none;
      color: red;
      background-color: lightblue;
      border-style: dotted;
      border-width: 2px;
      border-top-color: blue;
      border-bottom-color: blue;
      border-left-color: red;
      border-right-color: red;
      transition: color 0.3s;
    }

    .custom-link:visited {
      color: green;
    }