.ls-container { background-color: #000; padding: 20px; }
.ls-title { color: #00a000; }
.ls-text { color: #fff; }
.ls-video { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.ls-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Generel knap-style */
.ls-share-button,
.ls-settings-form .ls-submit-button,
.ls-admin-form input[type="submit"],
.ls-settings-form input[type="submit"] {
  background-color: #00a000;    /* Grøn baggrund */
  color: #ffffff;               /* Hvid tekst */
  border: 2px solid #000000;    /* Sort ramme 2px */
  border-radius: 10px;          /* Hjørneradius 10px */
  font-size: 12px;              /* Font 12px */
  font-weight: normal;          /* Ikke fed */
  margin: 10px 0;               /* Udvendig margin top/bund = 10px */
  padding: 7px 30px;            /* Indvendig margin 7px top/bund, 30px sider */
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
}

/* Hover-tilstand */
.ls-share-button:hover,
.ls-settings-form .ls-submit-button:hover,
.ls-admin-form input[type="submit"]:hover,
.ls-settings-form input[type="submit"]:hover {
  background-color: #000000;    /* Sort baggrund */
  color: #00a000;               /* Grøn tekst */
  border: 2px solid #00a000;    /* Grøn ramme 2px */
}

/* Settings form */
.ls-settings-form label { display: block; margin-top: 15px; color: #fff; }
.ls-settings-form input[type="text"], .ls-settings-form textarea, .ls-settings-form .ls-submit-button {
  width: 50% !important; max-width:100%; padding:8px; margin-top:5px; border-radius:5px; box-sizing:border-box;
}
@media(max-width:600px) {
  .ls-settings-form input[type="text"], .ls-settings-form textarea, .ls-settings-form .ls-submit-button {
    width:100% !important;
  }
}
.ls-settings-form .ls-submit-button {
  background-color:#00a000; color:#fff; border:none; padding:8px 16px; cursor:pointer; margin-top:10px;
}
.ls-settings-form .ls-submit-button:hover { background-color:#008000; }