/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 15 2025 | 22:05:54 */

.button a {
    
    position: relative;
    overflow: hidden;
    text-decoration: none;
    display: block;
    max-width: 250px;
    background: #00000000;
    margin: auto;
    padding: 10px 30px;
    font-family: "Shippori Mincho";
    font-weight: 500;
    text-align: center;
    line-height: 2;
    text-decoration: none;
    outline: none;
    border: 1px solid #fff;
    border-radius: 0;
}

.button a span {
    position: relative;
    z-index: 9999;
    color:#fff;
}

.button a:hover span{
    color:#1B1B1B;
}

.bgleft:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background:#fff;
  width: 100%;
  height: 100%;
  transition: transform .5s cubic-bezier(0.1, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}

.bgleft:hover:before{
  transform-origin:left top;
  transform:scale(1, 1);
}

@media screen and (max-width: 1200px) {
.button a{font-size:0.9rem;
}}
@media screen and (max-width: 767px) {
    .button a{font-size:0.7rem;
}
}



.no-right-click {
  pointer-events: none;
  -webkit-user-drag: none;
  user-drag: none;
}