/* required styles */

      .none{
          display: none;
        }

        .Card{
          background: #F4ECE1;
          width: 320px;
          padding: 26px;
          shadow:3px;
          }

        .Title{
          color: #4F3301;
          font-size: 25px;
          font-weight: 900;
          font-family: 'Zilla Slab', serif;
        }

        .Coord{
        color:#00685F;
        font-size: 15px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
        }

        .btn-primary a {
        top: 0;
        left: 0;
        transition: all 0.20s linear 0s;
        position: relative;
        display: inline-block;
        padding: 15px 25px;
        margin-top: 5px;
        margin-bottom: 15px;
        background-color: #F16B4D;
        text-transform: uppercase;
        color: #F4ECE1;
        letter-spacing: 1px;
        box-shadow: 7px 7px 0 #84321D;
        text-decoration: none;
        }
        .btn-primary a:hover {
        top: 4px;
        right: 4px;
        box-shadow: 4px 4px 0 #742B19;
        }
        .btn-primary a:hover::after {
        top: 1px;
        right: 10px;
        width: 4px;
        height: 4px;
        }
        .btn-primary a:hover::before {
        bottom: -2px;
        right: 1px;
        width: 4px;
        height: 4px;
        }
        .btn-primary a::after {
        transition: all 0.15s linear 0s;
        content: '';
        position: absolute;
        top: 2px;
        right: -4px;
        width: 8px;
        height: 8px;
        background-color: #404040;
        transform: rotate(55deg);
        z-index: -1;
        }

        .btn-primaryo a::before {
        transition: all 0.15s linear 0s;
        content: '';
        position: absolute;
        bottom: -4px;
        right: 2px;
        width: 8px;
        height: 8px;
        background-color: #404040;
        transform: rotate(55deg);
        z-index: -1;
        }