/* CSS Document */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none; 
}
button {
  text-decoration: none;
  color:rgba(255, 249, 177, 1.0);
}
button:hover {
  text-decoration: none;
  color:rgba(255, 249, 177, 1.0);
}
button:focus {
  text-decoration: none;
  color:rgba(255, 249, 177, 1.0);
}

.btn-cta {
  font-family: nitalago-ruika, sans-serif;
  font-weight: 100;
  font-style: normal;
  color: var(--sub-color);
  background: #FFFFFF;
}

.btn-cta:hover {
  color: #FFFFFF;
  background: var(--sub-color);
  border: 0.3rem solid #FFFFFF;
}

.btn-cta:hover .move-icon {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.btn-cta:hover .move-icon-re {
  color: #ED2438;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.btn-other a {
  border: 0.1rem solid #0870a0;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  padding: 1.00rem 0.25rem 0.25rem;
  color: #0870a0;
  transition: 0.3s ease-in-out;
  font-weight: 500;
}
.btn-other a:after {
content: "";
position: absolute;
top: 50%;
bottom: 0;
right: 2rem;
font-size: 90%;
display: flex;
justify-content: center;
align-items: center;
transition: right 0.3s;
width: 6px;
height: 6px;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor;
transform: translateY(-50%) rotate(45deg);
}
.btn-other a:hover {
background: #0870a0;
color: #FFF;
}
.btn-other a:hover:after {
right: 1.4rem;
}
