/* Header language switcher: VN / EN / JP */
.sd[data-s-67b6fd18-a7b3-435f-ad03-c36b99b1bf93],
.sd[data-s-3a3ccff6-3ce1-4217-a4e8-2d25ba5f21c2],
.kokonic-lang-switch-vi {
  cursor: pointer;
  text-decoration: none;
  background: rgba(0, 0, 0, 0) !important;
  border: 1px solid #000 !important;
  color: #1c1814 !important;
  flex: none;
  font-size: 14px;
  font-weight: 600;
  height: 30px;
  line-height: 1.4;
  padding: 5px 9px;
  text-align: center;
  width: 40px;
  max-width: 100%;
  justify-content: center;
  box-sizing: border-box;
}

.sd[data-s-67b6fd18-a7b3-435f-ad03-c36b99b1bf93].kokonic-lang-active,
.sd[data-s-3a3ccff6-3ce1-4217-a4e8-2d25ba5f21c2].kokonic-lang-active,
.kokonic-lang-switch-vi.kokonic-lang-active {
  background: #1c1814 !important;
  color: #ffffff !important;
}

.sd[data-s-67b6fd18-a7b3-435f-ad03-c36b99b1bf93]:not(.kokonic-lang-active):hover,
.sd[data-s-3a3ccff6-3ce1-4217-a4e8-2d25ba5f21c2]:not(.kokonic-lang-active):hover,
.kokonic-lang-switch-vi:not(.kokonic-lang-active):hover {
  background: #e6e6cf !important;
}

@media screen and (max-width: 630px) {
  .sd[data-s-67b6fd18-a7b3-435f-ad03-c36b99b1bf93],
  .sd[data-s-3a3ccff6-3ce1-4217-a4e8-2d25ba5f21c2],
  .kokonic-lang-switch-vi {
    font-size: 12px;
    height: 22px;
    padding: 6px 5px 5px;
    width: 30px;
  }
}