@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

/*■コピーボタンの装飾*/
.copy-the-code-target{	
	border: dashed 2px #d2d2d2!important;
}
.copy-the-code-wrap .copy-the-code-button{
	padding: 10px 10px!important;
	position: relative!important;
	z-index: 1;
	font-weight: bold;
	background-image: linear-gradient(to right, #ff5adf 0%, #2355ff 100%);
	border-radius: 100vh;
	color: #fff;
	border: 2px solid #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.copy-the-code-wrap .copy-the-code-button:hover {
	background-image: linear-gradient(to right, #74dcff 0%, #d2ff49 100%);
}

/*動き*/
.copy-the-code-button {
	transition: 0.5s;
	animation: move_c 2s infinite;
}
@keyframes move_c {
    0% {transform: translate(0px, 0)}
    50% {transform: translate(0px, 0) rotateZ(4deg)}
}
.copy-the-code-button:hover {
	color: #27acd9;
	background: #fff;
}