Šablona:Pískoviště/styles.css

.homeP-featured .box {
  /*background: hsl(0, 0%, 100%);
  padding: 16px 24px;
  position: relative;
  border-radius: 8px;*/
  box-shadow: 0 0 0 1px rgba(0,0,0,.01);
}

.homeP-featured .box::after {
    position: absolute;
    content: "";
    top: 15px;
    left: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    transform: scale(0.9);
    filter: blur(15px);
    background: linear-gradient(
      to left,
      #ff5770,
      #e4428d,
      #c42da8,
      #9e16c3,
      #6501de,
      #9e16c3,
      #c42da8,
      #e4428d,
      #ff5770
    );
    background-size: 200% 200%;
    animation: animateGlow 1.25s linear infinite;
  }

@keyframes animateGlow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}


.home-header__search {
	--gradient: #87bfdb, #77abC8, #6797b5, #577f9d, #476684, #43668a, #3e668f, #304a66, #212e3d, #304a66, #3e668f, #43668a, #476684, #577f9d, #6797b5, #77abC8, #87bfdb;
	--gradient-blur: 4px;
	/*padding: var( --space-md );
	margin-top: var( --space-xl );
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	border: var( --border-base );
	border-radius: var( --border-radius-pill );*/
	background-color: var( --color-surface-1 );
	cursor: pointer;
	/*font-size: var( --font-size-small );
	font-weight: var( --font-weight-medium );
	text-align: center;*/
}

.home-header__search .desktoponly {
	margin-left: var( --space-xs );
}

.home-header__search:hover {
	--gradient:  #120d0e, #321d13, #512d19, #713d1e, #90571d, #b0701b, #cf8a1a, #de9822, #eeA529, #fdb331, #eeA529, #de9822, #cf8a1a, #b0701b, #90571d, #713d1e, #512d19, #321d13, #120d0e;
	--gradient-blur: 8px;
	background: var( --color-surface-0 );
}