.nissanButton{
  font-family: "Nissan Brand";
  font-weight: 400;
  text-decoration: none;
  letter-spacing: 0;
  color: #000;               
  border: 1px solid #000;
  border-radius: 25px;
  transition: all .3s ease;
  padding: 11px 20px 10px 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;                
  position: relative;
  margin-right:5px;
}

.nissanButton.reversed{
  color:#fff;  
  border: 1px solid #fff;
}

.nissanButton::after{
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;

  background-color: currentColor;

  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.17 24.18'><path d='M31.93,14.53c-.17.21-.25.32-.34.42-1.29,1.51-2.59,3.03-3.88,4.54-.82.97-.95,2.6-.3,3.74.64,1.13,1.76,1.27,2.59.31.79-.91,1.57-1.83,2.35-2.75,2.03-2.38,4.07-4.75,6.1-7.14.97-1.15.96-3.12-.05-4.16-2.92-3.03-5.85-6.03-8.78-9.03-.36-.37-.78-.53-1.23-.43-.79.17-1.41.93-1.56,1.96-.16,1.14.08,2.09.75,2.78.97,1,1.94,2,2.91,2.99.47.48.93.96,1.4,1.45,0,.04-.01.07-.02.11-.13,0-.26,0-.39,0-9.76,0-19.53,0-29.29,0-.22,0-.43,0-.65.03-.94.15-1.67,1.54-1.53,2.87.16,1.45.88,2.31,1.96,2.31,9.82,0,19.64,0,29.46,0h.5Z'/></svg>");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;

  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.17 24.18'><path d='M31.93,14.53c-.17.21-.25.32-.34.42-1.29,1.51-2.59,3.03-3.88,4.54-.82.97-.95,2.6-.3,3.74.64,1.13,1.76,1.27,2.59.31.79-.91,1.57-1.83,2.35-2.75,2.03-2.38,4.07-4.75,6.1-7.14.97-1.15.96-3.12-.05-4.16-2.92-3.03-5.85-6.03-8.78-9.03-.36-.37-.78-.53-1.23-.43-.79.17-1.41.93-1.56,1.96-.16,1.14.08,2.09.75,2.78.97,1,1.94,2,2.91,2.99.47.48.93.96,1.4,1.45,0,.04-.01.07-.02.11-.13,0-.26,0-.39,0-9.76,0-19.53,0-29.29,0-.22,0-.43,0-.65.03-.94.15-1.67,1.54-1.53,2.87.16,1.45.88,2.31,1.96,2.31,9.82,0,19.64,0,29.46,0h.5Z'/></svg>");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;

  transition: transform .3s ease;
}

.nissanButton:hover{
  color: #fff;
  background-color:#000;
  padding-right:28px;
  margin-right:0px;
  font-weight:400;
  cursor: pointer;
}
.nissanButton:hover::after{
  transform: translateX(10px);
  background-color:var(--nissanRed);
}


.nissanButton.reversed:hover{
  color: #fff;
  background-color:var(--nissanRed);
  padding-right:0px;
  padding-right:20px;
}
.nissanButton.reversed:hover::after{
  transform: translateX(0px);
  background-color:#fff
}



.nissanButton.nissanButtonSmall{
  font-family: "Nissan Brand";
  font-weight: 400;
  font-size:14px;
  text-decoration: none;
  letter-spacing: 0;
  color: #000;               
  border: 1px solid #000;
  border-radius: 25px;
  transition: all .3s ease;
  padding: 10px 18px 4px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;                
  position: relative;
  margin-right:15px;
  margin-top:12px;
}

.nissanButton.nissanButtonSmall::after{
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;

  background-color: currentColor;

  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.17 24.18'><path d='M31.93,14.53c-.17.21-.25.32-.34.42-1.29,1.51-2.59,3.03-3.88,4.54-.82.97-.95,2.6-.3,3.74.64,1.13,1.76,1.27,2.59.31.79-.91,1.57-1.83,2.35-2.75,2.03-2.38,4.07-4.75,6.1-7.14.97-1.15.96-3.12-.05-4.16-2.92-3.03-5.85-6.03-8.78-9.03-.36-.37-.78-.53-1.23-.43-.79.17-1.41.93-1.56,1.96-.16,1.14.08,2.09.75,2.78.97,1,1.94,2,2.91,2.99.47.48.93.96,1.4,1.45,0,.04-.01.07-.02.11-.13,0-.26,0-.39,0-9.76,0-19.53,0-29.29,0-.22,0-.43,0-.65.03-.94.15-1.67,1.54-1.53,2.87.16,1.45.88,2.31,1.96,2.31,9.82,0,19.64,0,29.46,0h.5Z'/></svg>");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;

  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.17 24.18'><path d='M31.93,14.53c-.17.21-.25.32-.34.42-1.29,1.51-2.59,3.03-3.88,4.54-.82.97-.95,2.6-.3,3.74.64,1.13,1.76,1.27,2.59.31.79-.91,1.57-1.83,2.35-2.75,2.03-2.38,4.07-4.75,6.1-7.14.97-1.15.96-3.12-.05-4.16-2.92-3.03-5.85-6.03-8.78-9.03-.36-.37-.78-.53-1.23-.43-.79.17-1.41.93-1.56,1.96-.16,1.14.08,2.09.75,2.78.97,1,1.94,2,2.91,2.99.47.48.93.96,1.4,1.45,0,.04-.01.07-.02.11-.13,0-.26,0-.39,0-9.76,0-19.53,0-29.29,0-.22,0-.43,0-.65.03-.94.15-1.67,1.54-1.53,2.87.16,1.45.88,2.31,1.96,2.31,9.82,0,19.64,0,29.46,0h.5Z'/></svg>");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  transform: translate(0px,-2px);

  transition: transform .3s ease;
}

.nissanButton.nissanButtonSmall:hover{
  color: #fff;
  background-color:#000;
  padding-right:25px;
  margin-right:0px;
}
.nissanButton.nissanButtonSmall:hover::after{
  transform: translate(10px,-2px);
  background-color:var(--nissanRed);
}


.vaButtonWhite{
    border: 1px solid #000;
    background-color:#fff;
    padding-top: 11px;
    padding-bottom: 10px;
    padding-left:15px;
    padding-right:20px;
    text-decoration: none;
    color:#000;
    position: relative;
    display: inline-flex;
    flex-direction: row-reverse;
    gap:10px;
    margin-top:25px;
    margin-bottom:25px;
    transition: all 0.25s ease;

}
.vaButtonWhiteArrow{
    height:20px;
    width:auto;
}
.vaButtonWhite:hover{
    background-color:#000;
    color:#fff;

}
    
.vaButtonWhite svg {
    transform: rotate(180deg);
}
.vaButtonWhite:hover svg {
    fill: #fff !important;
}