.swish-logo img { max-width: 70px !important; z-index: 100001; } .bjorntech-logo img { max-width: 500px; z-index: 100001; } .swish-circle img { max-width: 70px !important; z-index: 100001; } .swish-centered { margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 10px; } .swish-fixed { position: fixed; } .swish-top-left { top: 0; left: 10; } #swish-status { z-index: 100002; } .swish-close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .swish-close:hover, .swish-close:focus { color: #000; text-decoration: none; cursor: pointer; } /* The Modal (background) */ .swish-modal { position: fixed; /* Stay in place */ z-index: 100000; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ } /* The Modal (background) */ .swish-modal-admin { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 100000; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ } /* Modal Content */ .swish-modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* .swish-loader {
  -webkit-animation: spin 2s linear infinite;
   Safari
  animation: spin 2s linear infinite;
} */ /* Safari */ /*@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}*/ /*@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}*/ #overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 100002; cursor: pointer; } #swish-text { position: fixed; text-align: center; font-size: 25px; color: black; } .swishcontent { display: none; } label[for=payment_method_swish] { line-height: 32px; } .wc-swish-label-container > img { float: right !important; } .wc-swish-label-container > span { float: left !important; } .swish_container { display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; height: 100%; } .swish-centered-internal { margin-left: auto; margin-right: auto; text-align: center; } .swish-circle-internal { transform: scale(2); } .swish-logo-internal { transform: scale(2); margin-top: max(50px, calc(1% + 3vw)); margin-bottom: max(50px, calc(1% + 3vw)); } .swish-button-internal { background: linear-gradient(180deg,#1dafec,#129bd4 98.72%); border-radius: 8px; display: inline-flex; /* Changed to inline-flex */ width: auto; /* Added width: auto; */ padding: 16px 28px; justify-content: center; /* Centered text horizontally */ align-items: center; /* Centered text vertically */ text-align: center; margin-top: max(50px, calc(1% + 3vw)); transition: background-color 0.3s; } .swish-button-internal a { color: #fff; font-family: Museo Sans Rounded,sans-serif; font-weight: 600; font-size: 1.6rem; text-decoration: none; } .swish-button-internal:hover { background-color: #129bd4; } .swish-status-new { font-family: Museo Sans Rounded, sans-serif; font-weight: 600; font-size: 3.5rem; margin-bottom:max(80px, calc(1% + 6vw)); line-height: 1.3; }