.driver-popover.driverjs-theme { background-color: var(--black); cursor: pointer; -webkit-box-shadow: 0px 2px 8px -4px var(--wine-superdark); -moz-box-shadow: 0px 2px 8px -4px var(--wine-superdark); box-shadow: 0px 2px 8px -4px var(--wine-superdark); font-family: "Kanit", serif; } .driver-popover.driverjs-theme .driver-popover-title { font-size: 20px; } .driver-popover.driverjs-theme .driver-popover-title, .driver-popover.driverjs-theme .driver-popover-description, .driver-popover.driverjs-theme .driver-popover-progress-text { color: var(--white); text-shadow: 2px 2px 2px var(--black); font-size: 16px; } .driver-popover.driverjs-theme .driver-popover-navigation-btns button { flex: 1; text-align: center; background-color: var(--green-darkest); color: var(--white); text-shadow: 2px 2px 2px var(--black); padding: 8px; text-shadow: none; font-size: 16px; border-radius: 6px; border: none !important; font-family: "Kanit", serif; } .driver-popover.driverjs-theme button:hover { background-color: var(--green-darkest); color: #ffffff; font-family: "Kanit", serif; } .driver-popover.driverjs-theme .driver-popover-navigation-btns { justify-content: space-between; gap: 3px; } .driver-popover.driverjs-theme .driver-popover-close-btn { color: var(--white); text-shadow: 2px 2px 2px var(--black); } .driver-popover.driverjs-theme .driver-popover-close-btn:hover { color: var(--white); text-shadow: 2px 2px 2px var(--black); } .driver-popover.driverjs-theme .driver-popover-arrow-side-left.driver-popover-arrow { border-left-color: var(--black); } .driver-popover.driverjs-theme .driver-popover-arrow-side-right.driver-popover-arrow { border-right-color: var(--black); } .driver-popover.driverjs-theme .driver-popover-arrow-side-top.driver-popover-arrow { border-top-color: var(--black); } .driver-popover.driverjs-theme .driver-popover-arrow-side-bottom.driver-popover-arrow { border-bottom-color: var(--black); }