/* Copyright 2021 The Casdoor Authors. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/* Small icon wrapper link */
.provider-link {
  display: inline-block;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
}

/* Small provider icon */
.provider-img {
  display: block;
  cursor: pointer;
  border-radius: 50%;
  transition: filter 0.25s ease, opacity 0.25s ease;
}

.provider-link:hover .provider-img,
.provider-img:hover {
  filter: drop-shadow(0 0 10px rgba(120, 120, 120, 0.75)) drop-shadow(0 0 4px rgba(120, 120, 120, 0.5)) brightness(1.1);
}

.provider-link:active .provider-img,
.provider-img:active {
  filter: drop-shadow(0 0 6px rgba(120, 120, 120, 0.45)) brightness(0.9);
  opacity: 0.8;
  transition: filter 0.08s ease, opacity 0.08s ease;
}

/* Big button wrapper */
.provider-big-img {
  margin-bottom: 10px;
}

.provider-big-img > a {
  display: block;
  border-radius: 4px;
  transition: filter 0.25s ease, opacity 0.25s ease;
}

.provider-big-img > a:hover {
  filter: brightness(1.04) drop-shadow(0 0 14px rgba(120, 120, 120, 0.5)) drop-shadow(0 0 5px rgba(120, 120, 120, 0.3));
}

.provider-big-img > a:active {
  filter: brightness(0.94);
  opacity: 0.85;
  transition: filter 0.08s ease, opacity 0.08s ease;
}
