.navbar .actions>*+* {
    margin-left: .5rem
}

.navbar .actions .action-btn {
    display: inline-block;
    padding: .25rem;
    font-family: none;
    font-size: 1rem;
    line-height: 1.5;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    color: #4d4d4d;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.navbar .actions .action-btn:hover {
    opacity: .75
}

.navbar .actions .action-btn:active {
    border-color: transparent
}

.navbar .actions .action-btn.toggle-color {
    position: relative
}

.navbar .actions .action-btn.toggle-color>span {
    display: none
}

.navbar .actions .action-btn.toggle-color>span.show {
    display: inline-block
}
.cta span {
    position: relative;
    font-family: "Ubuntu", sans-serif;
    font-size: 12px;
    font-weight: 700;
    top: -3px;
    letter-spacing: 0.05em;
    color: #ffffff;
}

.cta svg {
    position: relative;
    top: -3px;
    margin-left: 1px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #003892;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all 0.3s ease;
}

.cta:hover:before {
    width: 100%;
    background: #8796a5;
    margin-top: 5px;
    height: 21px;
    color: #003892;
}

.cta:hover svg {
    transform: translateX(0);
    stroke: #ffffff;
    color: #ffffff;
}

.cta:active {
    transform: scale(0.95);
}
.cta {
  position: relative;
  margin-top: 7px;
  padding: 14px 4px;
  transition: all 0.2s ease;
  border: none;
  background: none;
}
.cta::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  border-radius: 50px;
  background: #003892;
  width: 32px;
  height: 32px;
  transition: all 0.3s ease;
}
.navbar .actions > * + * {
  margin-left: .5rem;
}
a {
  color: rgba(var(--ri-link-color-rgb),var(--ri-link-opacity,1));
  text-decoration: none;
}
a {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}